.applitools-activate .tcl-showcase__down-arrow {
  -webkit-animation: none;
  animation: none;
}
.applitools-activate .tds-animate--bounce,
.applitools-activate [id='battery-fill'] {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.tds-colorscheme--light,
.tds-scrim--white,
:root {
  --tds-animation-bezier-base: cubic-bezier(0.5, 0, 0, 0.75);
  --tds-ui-opacity-100: 1;
  --tds-ui-opacity-70: 0.7;
  --tds-ui-opacity-50: 0.5;
  --tds-ui-opacity-30: 0.3;
  --tds-ui-opacity-0: 0;
  --tds-ui-box-shadow-off: 0 0 0 0 transparent;
  --tds-component-pill-padding-inline: 20px;
  --tds-size-half: 4px;
  --tds-size-base: 8px;
  --tds-size-9x: 72px;
  --tds-size-8x: 64px;
  --tds-size-7x: 56px;
  --tds-size-6x: 48px;
  --tds-size-5x: 40px;
  --tds-size-4x: 32px;
  --tds-size-3x: 24px;
  --tds-size-2x: 16px;
  --tds-size-13x: 104px;
  --tds-size-12x: 96px;
  --tds-size-11x: 88px;
  --tds-size-10x: 80px;
  --tds-font-weight-xlight: 200;
  --tds-font-weight-medium: 500;
  --tds-font-weight-light: 300;
  --tds-font-weight-book: 400;
  --tds-font-weight-bold: 700;
  --tds-font-size-75: 34px;
  --tds-font-size-70: 28px;
  --tds-font-size-55: 23px;
  --tds-font-size-50: 20px;
  --tds-font-size-40: 17px;
  --tds-font-size-30: 14px;
  --tds-font-size-20: 12px;
  --tds-font-size-10: 10px;
  --tds-font-line-height-unitless: 1.414;
  --tds-font-line-height-75: 45px;
  --tds-font-line-height-70: 36px;
  --tds-font-line-height-60: 28px;
  --tds-font-line-height-40: 23px;
  --tds-font-line-height-30: 21px;
  --tds-font-line-height-20: 20px;
  --tds-font-line-height-10: 18px;
  --tds-font-family-thai: 'Noto Sans Thai';
  --tds-font-family-monospace: 'Fira Code', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  --tds-font-family-latin-alt: 'Universal Sans';
  --tds-font-family-latin: 'Gotham SSm';
  --tds-font-family-korean: 'FB New Gothic';
  --tds-font-family-japanese: 'AXIS Font Japanese W55', 'Hiragino Sans';
  --tds-font-family-hebrew: 'Noto Sans Hebrew';
  --tds-font-family-chinese-traditional: 'PingFang TC', 'Microsoft YaHei';
  --tds-font-family-chinese-simplified: 'PingFang SC', 'Microsoft YaHei';
  --tds-font-family-chinese-hk: 'PingFang HK', 'Microsoft YaHei';
  --tds-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --tds-font-family-arabic: 'Noto Sans Arabic';
  --tds-color-yellow: #fbb01b;
  --tds-color-white: #fff;
  --tds-color-red-20: #ed4e3b;
  --tds-color-red-10: #b74134;
  --tds-color-grey-70: #f4f4f4;
  --tds-color-grey-65: #eee;
  --tds-color-grey-60: #e2e3e3;
  --tds-color-grey-50: #d0d1d2;
  --tds-color-grey-45: #bbb;
  --tds-color-grey-40: #a2a3a5;
  --tds-color-grey-35: #8e8e8e;
  --tds-color-grey-30: #5c5e62;
  --tds-color-grey-25: #444;
  --tds-color-grey-20: #393c41;
  --tds-color-grey-15: #222;
  --tds-color-grey-10: #171a20;
  --tds-color-green: #12bb00;
  --tds-color-blue-40: #3368ff;
  --tds-color-blue-30: #3e6ae1;
  --tds-color-blue-20: #3457b1;
  --tds-color-black: #000;
  --tds-border-width-small: 1px;
  --tds-border-width-medium: 2px;
  --tds-border-width-large: 3px;
  --tds-border-width-hairline: 0.5px;
  --tds-border-style: solid;
  --tds-border-radius-outline-only: 0.001px;
  --tds-border-radius-form-item: 20px;
  --tds-border-radius-circle: 100%;
  --tds-ui-box-shadow-small: 0 var(--tds-size-half) var(--tds-size-base) 0 rgba(0, 0, 0, 0.08);
  --tds-ui-box-shadow-medium: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, 0.12);
  --tds-ui-box-shadow-large-reverse: 0 -8px var(--tds-size-2x) 0 rgba(0, 0, 0, 0.16);
  --tds-ui-box-shadow-large: 0 var(--tds-size-base) var(--tds-size-2x) 0 rgba(0, 0, 0, 0.16);
  --tds-component-pill-padding-block: var(--tds-size-2x);
  --tds-component-pill-height: var(--tds-size-5x);
  --tds-component-card-padding: var(--tds-size-2x);
  --tds-size-1x: var(--tds-size-base);
  --tds-font-size-80: var(--tds-size-5x);
  --tds-font-size-60: var(--tds-size-3x);
  --tds-font-line-height-80: var(--tds-size-6x);
  --tds-font-line-height-50: var(--tds-size-3x);
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-base);
  --tds-border-radius-pill: var(--tds-size-4x);
  --tds-border-radius-card: var(--tds-size-base);
  --tds-border-radius-base: var(--tds-size-half);
  --tds-theme-background-container-alt-highlight: rgba(0, 0, 0, 0.075);
  --tds-theme-background-container-alt: rgba(0, 0, 0, 0.05);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-30);
  --tds-theme-foreground-inverse: var(--tds-color-black);
  --tds-theme-foreground-high-contrast: var(--tds-color-grey-10);
  --tds-theme-foreground: var(--tds-color-grey-20);
  --tds-theme-border-low-contrast: var(--tds-color-grey-60);
  --tds-theme-border: var(--tds-color-grey-50);
  --tds-theme-background-dialog: var(--tds-color-white);
  --tds-theme-background: var(--tds-color-white);
  --tds-theme-background-container-highlight: var(--tds-color-grey-65);
  --tds-theme-background-container: var(--tds-color-grey-70);
}
.tds-scrim--light {
  --tds-theme-background-container-alt-highlight: rgba(0, 0, 0, 0.075);
  --tds-theme-background-container-alt: rgba(0, 0, 0, 0.05);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-20);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-30);
  --tds-theme-foreground-inverse: var(--tds-color-black);
  --tds-theme-foreground-high-contrast: var(--tds-color-grey-10);
  --tds-theme-foreground: var(--tds-color-grey-20);
  --tds-theme-border-low-contrast: var(--tds-color-grey-60);
  --tds-theme-border: var(--tds-color-grey-50);
  --tds-theme-background-dialog: var(--tds-color-white);
  --tds-theme-background: var(--tds-color-grey-70);
  --tds-theme-background-container-highlight: var(--tds-color-grey-65);
  --tds-theme-background-container: var(--tds-color-white);
}
.tds-colorscheme--dark,
.tds-scrim--black {
  --tds-theme-background-container-alt-highlight: hsla(0, 0%, 100%, 0.25);
  --tds-theme-background-container-alt: hsla(0, 0%, 100%, 0.135);
  --tds-theme-secondary-warning: var(--tds-color-yellow);
  --tds-theme-secondary-positive: var(--tds-color-green);
  --tds-theme-secondary-negative: var(--tds-color-red-10);
  --tds-theme-primary-highlight: var(--tds-color-blue-20);
  --tds-theme-primary: var(--tds-color-blue-30);
  --tds-theme-foreground-primary: var(--tds-color-blue-40);
  --tds-theme-foreground-on-primary: var(--tds-color-white);
  --tds-theme-foreground-low-contrast: var(--tds-color-grey-50);
  --tds-theme-foreground-inverse: var(--tds-color-white);
  --tds-theme-foreground-high-contrast: var(--tds-color-white);
  --tds-theme-foreground: var(--tds-color-grey-65);
  --tds-theme-border-low-contrast: var(--tds-color-grey-25);
  --tds-theme-border: var(--tds-color-grey-30);
  --tds-theme-background-dialog: var(--tds-color-grey-15);
  --tds-theme-background: var(--tds-color-black);
  --tds-theme-background-container-highlight: var(--tds-color-grey-20);
  --tds-theme-background-container: var(--tds-color-grey-15);
}
.tds-component-preview,
:root {
  --tds-bezier: cubic-bezier(0.5, 0, 0, 0.75);
  --tds-size: 8px;
  --tds-size--10x: 80px;
  --tds-size--11x: 88px;
  --tds-size--12x: 96px;
  --tds-size--13x: 104px;
  --tds-size--1x: 8px;
  --tds-size--2x: 16px;
  --tds-size--3x: 24px;
  --tds-size--4x: 32px;
  --tds-size--5x: 40px;
  --tds-size--6x: 48px;
  --tds-size--7x: 56px;
  --tds-size--8x: 64px;
  --tds-size--9x: 72px;
  --tds-size--half: 4px;
  --tds-color--black: #000;
  --tds-color--blue10: #2e4994;
  --tds-color--blue20: #3457b1;
  --tds-color--blue30: #3e6ae1;
  --tds-color--green: #12bb00;
  --tds-color--grey10: #171a20;
  --tds-color--grey15: #222;
  --tds-color--grey20: #393c41;
  --tds-color--grey25: #444;
  --tds-color--grey30: #5c5e62;
  --tds-color--grey35: #8e8e8e;
  --tds-color--grey40: #a2a3a5;
  --tds-color--grey45: #bbb;
  --tds-color--grey50: #d0d1d2;
  --tds-color--grey60: #e2e3e3;
  --tds-color--grey65: #eee;
  --tds-color--grey70: #f4f4f4;
  --tds-color--red10: #b74134;
  --tds-color--red20: #ed4e3b;
  --tds-color--white: #fff;
  --tds-color--yellow: #fbb01b;
  --tds-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --tds-font-family--arabic: 'Noto Sans Arabic';
  --tds-font-family--chinese-hk: 'PingFang HK', 'Microsoft YaHei';
  --tds-font-family--chinese-simplified: 'PingFang SC', 'Microsoft YaHei';
  --tds-font-family--chinese-traditional: 'PingFang TC', 'Microsoft YaHei';
  --tds-font-family--combined: 'Gotham SSm', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, sans-serif;
  --tds-font-family--hebrew: 'Noto Sans Hebrew';
  --tds-font-family--japanese: 'AXIS Font Japanese W55', 'Hiragino Sans';
  --tds-font-family--korean: 'FB New Gothic';
  --tds-font-family--latin: 'Gotham SSm';
  --tds-font-family--monospace: 'Fira Code', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  --tds-font-family--thai: 'Noto Sans Thai';
  --tds-font-weight--bold: 700;
  --tds-font-weight--book: 400;
  --tds-font-weight--light: 300;
  --tds-font-weight--medium: 500;
  --tds-font-weight--xlight: 200;
  --tds-blur--button: 16px;
  --tds-blur--large: 8px;
  --tds-blur--small: 4px;
  --tds-border-radius: 4px;
  --tds-border-radius--card: 4px;
  --tds-border-radius--card--dense: 4px;
  --tds-border-radius--circle: 100%;
  --tds-border-radius--pill: 4px;
  --tds-border-radius--outline-only: 0.001px;
  --tds-border-style: solid;
  --tds-border-width--hairline: 1px;
  --tds-border-width--large: 3px;
  --tds-border-width--medium: 2px;
  --tds-border-width--small: 1px;
  --tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  --tds-box-shadow--large-reverse: 0 -8px 16px 0 rgba(0, 0, 0, 0.16);
  --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  --tds-box-shadow--off: 0 0 0 0 transparent;
  --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  --tds-font-size--10: 10px;
  --tds-font-size--20: 12px;
  --tds-font-size--30: 14px;
  --tds-font-size--40: 17px;
  --tds-font-size--50: 20px;
  --tds-font-size--55: 23px;
  --tds-font-size--60: 24px;
  --tds-font-size--70: 28px;
  --tds-font-size--75: 34px;
  --tds-font-size--80: 40px;
  --tds-height--choice: 24px;
  --tds-height--pill: 40px;
  --tds-line-height--10: 18px;
  --tds-line-height--20: 20px;
  --tds-line-height--30: 20px;
  --tds-line-height--40: 24px;
  --tds-line-height--50: 24px;
  --tds-line-height--60: 28px;
  --tds-line-height--70: 36px;
  --tds-line-height--75: 44px;
  --tds-line-height--80: 48px;
  --tds-line-height--unitless: 1.414;
  --tds-opacity--100: 1;
  --tds-opacity--30: 0.3;
  --tds-opacity--50: 0.5;
  --tds-opacity--70: 0.7;
  --tds-opacity--transparent: 0;
  --tds-padding--card: 24px;
  --tds-padding--card--dense: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2) {
  .tds-component-preview,
  :root {
    --tds-border-width--hairline: 0.5px;
  }
}
.tds-component-preview,
:root {
  --tds-base-font_family: var(--tds-font-family--combined);
  --tds-base-font_size: var(--tds-font-size--30);
  --tds-base-line_height: var(--tds-line-height--30);
}
@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 300;
  src: local('.SFNSText-Light'), local('.HelveticaNeueDeskInterface-Light'), local('.LucidaGrandeUI'),
    local('Ubuntu Light'), local('Segoe UI Light'), local('Roboto-Light'), local('DroidSans'), local('Tahoma');
}
* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
body,
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
dd,
dl,
dt,
ol,
ul {
  list-style-type: none;
}
dd,
dl,
dt,
figcaption,
figure,
ol,
ul {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  block-size: -webkit-fill-available;
}
body {
  margin: 0;
  min-block-size: 100vh;
  min-block-size: -webkit-fill-available;
}
li,
p {
  max-inline-size: 75ch;
}
li {
  margin: 0;
}
p {
  font-size: var(--tds-font-size--30);
  line-height: var(--tds-line-height--30);
}
:is(ul, ol) + p,
p + :is(ul, ol),
p + p {
  -webkit-padding-before: 14px;
  padding-block-start: 14px;
}
small {
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--10);
}
body,
html {
  font-family: var(--tds-font-family--combined, --tds-base-font_family, system);
  font-size: var(--tds-base-font_size);
  font-weight: 400;
  line-height: var(--tds-base-line_height);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
small {
  display: block;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
small {
  line-height: var(--tds-line-height--30);
}
hr {
  background: var(--tds-color--grey50, #d0d1d2);
  block-size: 1px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
abbr[title] {
  -webkit-border-after: none;
  border-block-end: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 500;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-inline-size: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  block-size: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  :after,
  :before {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important;
  }
}
:focus {
  outline: none;
}
* {
  outline-offset: 2px;
}
:focus-visible {
  outline: var(--tds-outline--focus);
}
:where(.tds--indicate-focus) :focus {
  outline: var(--tds-outline--focus);
}
details {
  display: block;
}
summary {
  display: list-item;
}
.tds--disabled,
[disabled],
[disabled] ~ [class*='tds-form-label'] {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
.tds--disabled [disabled] {
  opacity: unset;
}
.tds--disabled *,
[disabled] *,
[disabled]:after,
[disabled]:before,
[disabled] ~ [class*='tds-form-label'],
[disabled] ~ [class*='tds-form-label']:after,
[disabled] ~ [class*='tds-form-label']:before {
  pointer-events: none;
}
@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 700;
  src: url(https://cdn-design.tesla.com/assets/GothamSSm-Bold_Web.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 500;
  src: url(https://cdn-design.tesla.com/assets/GothamSSm-Medium_Web.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn-design.tesla.com/assets/GothamSSm-Book_Web.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 300;
  src: url(https://cdn-design.tesla.com/assets/GothamSSm-Light_Web.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Gotham SSm;
  font-style: normal;
  font-weight: 200;
  src: url(https://cdn-design.tesla.com/assets/GothamSSm-XLight_Web.woff2) format('woff2');
}
@font-face {
  font-family: PingFang SC;
  font-weight: 500;
  src: local('PingFang SC Semibold');
}
@font-face {
  font-family: PingFang SC;
  font-weight: 400;
  src: local('PingFang SC Regular');
}
@font-face {
  font-family: PingFang TC;
  font-weight: 500;
  src: local('PingFang TC Semibold');
}
@font-face {
  font-family: PingFang TC;
  font-weight: 400;
  src: local('PingFang TC Regular');
}
@font-face {
  font-family: PingFang HK;
  font-weight: 400;
  src: local('PingFang HK Regular');
}
@font-face {
  font-family: PingFang HK;
  font-weight: 500;
  src: local('PingFang HK Semibold');
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Arabic;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/notosansarabic/v10/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2)
    format('woff2');
  unicode-range: U+06??, U+200c-200e, U+2010-2011, U+204f, U+2e41, U+fb50-fdff, U+fe80-fefc, U+00??, U+0131, U+0152-0153,
    U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff,
    U+fffd;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Arabic;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/notosansarabic/v10/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlj4wv4rqxzLI.woff2)
    format('woff2');
  unicode-range: U+06??, U+200c-200e, U+2010-2011, U+204f, U+2e41, U+fb50-fdff, U+fe80-fefc, U+00??, U+0131, U+0152-0153,
    U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff,
    U+fffd;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Hebrew;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/notosanshebrew/v35/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.woff2)
    format('woff2');
  unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f, U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6,
    U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Hebrew;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/notosanshebrew/v35/or30Q7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaePiWTNzWNf72.woff2)
    format('woff2');
  unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f, U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6,
    U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Thai;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/notosansthai/v20/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2)
    format('woff2');
  unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans Thai;
  font-stretch: 100%;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/notosansthai/v20/iJWQBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcdfKI2hTWsb-P2c.woff2)
    format('woff2');
  unicode-range: U+0e01-0e5b, U+200c-200d, U+25cc;
}
[class*='tds-scrim--'] {
  background-color: var(--tds-theme-background);
}
.tds-colorscheme--light,
.tds-scrim--light,
.tds-scrim--white,
:root {
  --tds-color--error: var(--tds-color-red-10);
  --tds-color--hairline: var(--tds-color-grey-50);
  --tds-color--inverse: var(--tds-color-white);
  --tds-color--primary: var(--tds-color-blue-30);
  --tds-color--primary-highlight: var(--tds-color-blue-20);
  --tds-color--rgb-shade: 0, 0, 0;
  --tds-color--rgb-shade--inverse: 255, 255, 255;
  --tds-color--scrim--semitransparent: hsla(0, 0%, 100%, 0.7);
  --tds-color--secondary: var(--tds-color-grey-10);
  --tds-color--secondary-accent: var(--tds-color-grey-50);
  --tds-color--secondary-highlight: var(--tds-color-black);
  --tds-color--tertiary: var(--tds-color-grey-70);
  --tds-color--tertiary-highlight: var(--tds-color-grey-65);
  --tds-caption--color: var(--tds-color-grey-30);
  --tds-dialog--background-color: var(--tds-color-white);
  --tds-form-label--color: var(--tds-color-grey-30);
  --tds-heading--color: var(--tds-color-grey-10);
  --tds-pill--blur-color: rgba(0, 0, 0, 0.048);
  --tds-pill--blur-color-highlight: rgba(0, 0, 0, 0.072);
  --tds-text--color: var(--tds-color-grey-20);
  --tds-text--color--light: var(--tds-color-grey-30);
  --tds-text--color--placeholder: var(--tds-color-grey-40);
  --tds-text--color--primary: var(--tds-color-blue-30);
  --tds-toggle--background-color: hsla(0, 0%, 59%, 0.1);
  --tds-toggle--fill-color: var(--tds-color-white);
  --tds-text--contrast-high: var(--tds-color-grey-10);
  --tds-text--contrast-low: var(--tds-color-grey-30);
  --tds-text--contrast-medium: var(--tds-color-grey-20);
  --tds-code-bg-color: var(--tds-color-grey-70);
  --tds-code-border-color: var(--tds-color-grey-60);
  --tds-code-color: var(--tds-text--color);
  --tds-color--focus: var(--tds-color-grey-35);
  --tds-outline--focus: 2px solid var(--tds-color--focus);
  --tds-background-image--check: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="hsl(218, 7%, 24%)" d="M6.592 11.58a.748.748 0 0 1-.53-.22L3.22 8.517a.75.75 0 1 1 1.06-1.061l2.312 2.312L11.72 4.64a.75.75 0 1 1 1.06 1.06l-5.658 5.66a.748.748 0 0 1-.53.22z"/></svg>');
  --tds-background-image--minus: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="hsl(218, 7%, 24%)" d="M13 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 13 8z"/></svg>');
  color: var(--tds-theme-foreground);
}
.tds-scrim--white {
  --tds-dialog--background-color: var(--tds-color-white);
  --tds-scrim--background: var(--tds-color-white);
}
.tds-scrim--light {
  --tds-color--tertiary: var(--tds-color-white);
  --tds-scrim--background: var(--tds-color-grey-70);
  --tds-text--color--primary: #3865e0;
  --tds-code-bg-color: var(--tds-color-grey-60);
  --tds-code-border-color: var(--tds-color-grey-50);
  --tds-code-color: var(--tds-text--color);
  --tds-color--focus: var(--tds-color-grey-30);
  --tds-outline--focus: 2px solid var(--tds-color--focus);
}
.tds-scrim--light .tds-card > *,
.tds-scrim--light .tds-modal > *,
.tds-scrim--light .tds-tooltip > * {
  --tds-code-bg-color: var(--tds-color-grey-70);
  --tds-code-border-color: var(--tds-color-grey-60);
  --tds-color--tertiary: var(--tds-color-grey-70);
}
.tds-colorscheme--dark,
.tds-scrim--black {
  --tds-box-shadow--large: 0 8px 16px 0 rgba(0, 0, 0, 0.8);
  --tds-box-shadow--medium: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
  --tds-box-shadow--small: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  --tds-color--error: var(--tds-color--red20);
  --tds-color--hairline: var(--tds-color-grey-35);
  --tds-color--inverse: var(--tds-color-black);
  --tds-color--rgb-shade: 255, 255, 255;
  --tds-color--rgb-shade--inverse: 0, 0, 0;
  --tds-color--scrim--semitransparent: rgba(0, 0, 0, 0.7);
  --tds-color--secondary: var(--tds-color-grey-70);
  --tds-color--secondary-accent: var(--tds-color-grey-35);
  --tds-color--secondary-highlight: var(--tds-color-white);
  --tds-color--tertiary: var(--tds-color-grey-15);
  --tds-color--tertiary-highlight: var(--tds-color-grey-20);
  --tds-caption--color: var(--tds-color-grey-50);
  --tds-dialog--background-color: var(--tds-color-grey-15);
  --tds-form-label--color: var(--tds-color-grey-50);
  --tds-heading--color: var(--tds-color-white);
  --tds-pill--blur-color: hsla(0, 0%, 100%, 0.13);
  --tds-pill--blur-color-highlight: hsla(0, 0%, 100%, 0.24);
  --tds-text--color: var(--tds-color-grey-60);
  --tds-text--color--light: var(--tds-color-grey-50);
  --tds-text--color--primary: #3368ff;
  --tds-toggle--background-color: hsla(0, 0%, 100%, 0.2);
  --tds-toggle--fill-color: var(--tds-color-grey-30);
  --tds-text--contrast-high: var(--tds-color-white);
  --tds-text--contrast-low: var(--tds-color-grey-40);
  --tds-text--contrast-medium: var(--tds-color-grey-60);
  --tds-code-bg-color: var(--tds-color-grey-10);
  --tds-code-border-color: var(--tds-color-grey-15);
  --tds-code-color: var(--tds-text--color);
  --tds-background-image--check: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="hsl(180, 2%, 89%)" d="M6.592 11.58a.748.748 0 0 1-.53-.22L3.22 8.517a.75.75 0 1 1 1.06-1.061l2.312 2.312L11.72 4.64a.75.75 0 1 1 1.06 1.06l-5.658 5.66a.748.748 0 0 1-.53.22z"/></svg>');
  --tds-background-image--minus: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="hsl(180, 2%, 89%)" d="M13 8a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1 0-1.5h8.5A.75.75 0 0 1 13 8z"/></svg>');
  color: var(--tds-theme-foreground);
}
.tds-scrim--black {
  --tds-scrim--background: var(--tds-color-black);
}
.tds-colorscheme--dark .tds-form-input-select:focus,
.tds-scrim--black .tds-form-input-select:focus {
  background-color: var(--tds-theme-background-container);
}
.tds-density--default,
:root {
  --tds-border-radius--pill: var(--tds-size--half);
  --tds-data-table--font-size: 14px;
  --tds-height--pill: var(--tds-size--5x);
  --tds-form--gap: var(--tds-size--3x);
  --tds-form--indent: 0;
  --tds-form-input--collapsed-inline-size: var(--tds-size--5x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--1x);
  --tds-form-input-choice--check-size: var(--tds-size--2x);
  --tds-form-input-choice--radio-size: 10px;
  --tds-height--choice: var(--tds-size--3x);
}
.tds-density--dense {
  --tds-banner--padding: var(--tds-size--1x);
  --tds-card--border-radius: var(--tds-border-radius--card--dense);
  --tds-card--padding: var(--tds-padding--card--dense);
  --tds-content_container--max_width: 1824px;
  --tds-data-table--font-size: 12px;
  --tds-form--gap: var(--tds-size--2x);
  --tds-form--indent: 0;
  --tds-form-input--collapsed-inline-size: var(--tds-size--4x);
  --tds-form-input--collapsed-padding-inline-start: var(--tds-size--half);
  --tds-form-input-choice--check-size: 14px;
  --tds-form-input-choice--radio-size: var(--tds-size--1x);
  --tds-height--choice: var(--tds-size--2x);
}
.tds-density--low {
  --tds-border-radius--pill: var(--tds-size--1x);
  --tds-form--indent: 0;
  --tds-height--pill: var(--tds-size--6x);
  --tds-form--gap: var(--tds-size--4x);
  --tds-form-input-choice--check-size: 20px;
  --tds-form-input-choice--radio-size: var(--tds-size--2x);
  --tds-height--choice: var(--tds-size--3x);
}
.tds-theme--v6 {
  --tds-form--indent: 20px;
}
.tds-density--dense .tds-theme--v6,
.tds-theme--v6 .tds-density--dense,
.tds-theme--v6.tds-density--dense {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-density--default .tds-theme--v6,
.tds-theme--v6 .tds-density--default,
.tds-theme--v6.tds-density--default {
  --tds-form--indent: 20px;
}
.tds-density--low .tds-theme--v6,
.tds-theme--v6 .tds-density--low,
.tds-theme--v6.tds-density--low {
  --tds-border-radius--pill: calc(var(--tds-size--6x) / 2);
}
.tds-theme--v6 :is(.tds-density--default, .tds-density--dense),
.tds-theme--v6:is(.tds-density--default, .tds-density--dense),
:is(.tds-density--default, .tds-density--dense) .tds-theme--v6 {
  --tds-border-radius--pill: calc(var(--tds-size--5x) / 2);
}
.tds-colorscheme--light .tds-theme--marketing,
.tds-scrim--light .tds-theme--marketing,
.tds-scrim--white .tds-theme--marketing,
.tds-theme--marketing,
.tds-theme--marketing .tds-colorscheme--light,
.tds-theme--marketing .tds-scrim--light,
.tds-theme--marketing .tds-scrim--white,
.tds-theme--marketing.tds-colorscheme--light,
.tds-theme--marketing.tds-scrim--light,
.tds-theme--marketing.tds-scrim--white {
  --tds-color--primary: var(--tds-color-grey-10);
  --tds-color--primary-highlight: var(--tds-color-grey-20);
  --tds-theme-foreground-on-primary: var(--tds-color--white);
  --tds-theme-primary: var(--tds-color-grey-10);
  --tds-theme-primary-highlight: var(--tds-color-grey-20);
}
.tds-colorscheme--dark .tds-theme--marketing,
.tds-scrim--black .tds-theme--marketing,
.tds-theme--marketing .tds-colorscheme--dark,
.tds-theme--marketing .tds-scrim--black,
.tds-theme--marketing.tds-colorscheme--dark,
.tds-theme--marketing.tds-scrim--black {
  --tds-color--primary: var(--tds-color-white);
  --tds-color--primary-highlight: var(--tds-color-grey-60);
  --tds-theme-foreground-on-primary: var(--tds-color--black);
  --tds-theme-primary: var(--tds-color-white);
  --tds-theme-primary-highlight: var(--tds-color-grey-60);
}
.tds-theme--marketing :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
.tds-theme--marketing:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--marketing .tds-date-picker {
  --tds-date-selected--color: var(--tds-color-grey-20);
}
@media (prefers-color-scheme: dark) {
  .tds--supports-darkmode.tds-colorscheme--light .tds-theme--marketing,
  .tds--supports-darkmode.tds-theme--marketing,
  .tds--supports-darkmode.tds-theme--marketing .tds-colorscheme--light,
  .tds--supports-darkmode.tds-theme--marketing .tds-scrim--light,
  .tds--supports-darkmode.tds-theme--marketing .tds-scrim--white,
  .tds--supports-darkmode.tds-theme--marketing.tds-colorscheme--light,
  .tds--supports-darkmode.tds-theme--marketing.tds-scrim--light,
  .tds--supports-darkmode.tds-theme--marketing.tds-scrim--white {
    --tds-color--primary: var(--tds-color-white);
    --tds-color--primary-highlight: var(--tds-color-grey-60);
    --tds-theme-primary: var(--tds-color-white);
    --tds-theme-primary-highlight: var(--tds-color-grey-60);
    --tds-theme-foreground-on-primary: var(--tds-color--black);
  }
}
.tds-theme--replicant {
  --tds-glow--bright: drop-shadow(0 0 var(--tds-size--2x) rgba(var(--tds-color--rgb-shade), 0.5));
  --tds-glow--medium: drop-shadow(0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), 0.33));
  --tds-glow--off: drop-shadow(0 0 0 rgba(var(--tds-color--rgb-shade), 0.33));
  --tds-theme-background-container: transparent;
  --tds-theme-foreground-primary: var(--tds-color--white);
  --tds-notch: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
  --tds-notch--outline: polygon(
    0 0,
    100% 0,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    0 100%,
    0 4px,
    4px 4px,
    4px calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) 4px,
    0 4px
  );
  --tds-notch--outline-thin: polygon(
    0 0,
    100% 0,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    0 100%,
    0 1.5px,
    1.5px 1.5px,
    1.5px calc(100% - 1.5px),
    calc(100% - 11.5px) calc(100% - 1.5px),
    calc(100% - 1.5px) calc(100% - 11.5px),
    calc(100% - 1.5px) 1.5px,
    0 1.5px
  );
  --tds-fading-line: linear-gradient(
    to right,
    rgba(var(--tds-color--rgb-shade), 1) 0%,
    rgba(var(--tds-color--rgb-shade), 1) 50%,
    rgba(var(--tds-color--rgb-shade), 0.1) 100%
  );
  --tds-border-radius: 0;
  --tds-border-radius--card: 0;
  --tds-border-radius--card--dense: 0;
  --tds-border-radius--outline-only: 0;
  --tds-border-radius--pill: 0;
  --tds-heading--font-weight: var(--tds-font-weight--bold);
  --tds-heading--letter-spacing: 0.145em;
  --tds-heading--text-transform: uppercase;
  --tds-form--indent: 0;
  --tds-form-input-choice--check-size: 16px;
  --tds-form-input-choice--radio-size: 10px;
  --tds-height--choice: var(--tds-size--2x);
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--30);
}
.tds-theme--replicant [class*='tds-scrim--']:not(.tds-scrim--blur) {
  color: var(--tds-theme-foreground);
}
.tds-theme--replicant--has_img [class*='tds-scrim--']:not(.tds-scrim--blur) {
  --tds-theme-background: transparent;
}
@media (prefers-color-scheme: dark) {
  .tds-theme--replicant.tds--supports-darkmode:not([class*='tds-colorscheme--']) {
    --tds-color--primary: var(--tds-color--white);
    --tds-color--primary-highlight: var(--tds-color--white);
    --tds-color--secondary: var(--tds-color--white);
    --tds-color--tertiary: transparent;
    --tds-dialog--background-color: var(--tds-color--black);
    --tds-text--color: var(--tds-color--grey45);
    --tds-text--color--light: var(--tds-color--grey35);
  }
  .tds-theme--replicant.tds--supports-darkmode:not([class*='tds-scrim--']):not([class*='tds-colorscheme--']) {
    background-color: var(--tds-color--black);
  }
}
.tds-colorscheme--light .tds-theme--replicant,
.tds-scrim--light .tds-theme--replicant,
.tds-scrim--white .tds-theme--replicant,
.tds-theme--replicant,
.tds-theme--replicant .tds-colorscheme--light,
.tds-theme--replicant .tds-scrim--light,
.tds-theme--replicant .tds-scrim--white,
.tds-theme--replicant.tds-colorscheme--light,
.tds-theme--replicant.tds-scrim--light,
.tds-theme--replicant.tds-scrim--white {
  --tds-color--primary: var(--tds-color--black);
  --tds-color--primary-highlight: var(--tds-color--black);
  --tds-color--secondary: var(--tds-color--black);
  --tds-color--tertiary: transparent;
  --tds-theme-foreground-on-primary: var(--tds-color--white);
  --tds-theme-primary: var(--tds-color-grey-10);
  --tds-theme-primary-highlight: var(--tds-color-grey-10);
}
.tds-colorscheme--dark .tds-theme--replicant,
.tds-scrim--black .tds-theme--replicant,
.tds-theme--replicant .tds-colorscheme--dark,
.tds-theme--replicant .tds-scrim--black,
.tds-theme--replicant.tds-colorscheme--dark,
.tds-theme--replicant.tds-scrim--black {
  --tds-color--primary: var(--tds-color--white);
  --tds-color--primary-highlight: var(--tds-color--white);
  --tds-color--secondary: var(--tds-color--white);
  --tds-color--tertiary: transparent;
  --tds-dialog--background-color: var(--tds-color--black);
  --tds-text--color: var(--tds-color--grey45);
  --tds-text--color--light: var(--tds-color--grey35);
  --tds-text--color--placeholder: var(--tds-color--grey45);
  --tds-theme-foreground-on-primary: var(--tds-color--black);
  --tds-theme-primary: var(--tds-color-white);
  --tds-theme-primary-highlight: var(--tds-color-grey-60);
}
@-webkit-keyframes tds-flicker-on--soft {
  0% {
    opacity: 0.25;
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 0.25;
  }
  24% {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tds-flicker-on--soft {
  0% {
    opacity: 0.25;
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 0.25;
  }
  24% {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes tds-flicker--soft {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.25;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.25;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.25;
  }
  48% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes tds-flicker--soft {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.25;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.25;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.25;
  }
  48% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.tds-theme--replicant :is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
.tds-theme--replicant:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-date-picker,
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-theme--replicant .tds-date-picker {
  --tds-date-selected--color: var(--tds-color--grey20);
}
.tds-theme--factory {
  --tds-size: 12px;
}
.tds-theme--v6 {
  --tds-border-radius--card: 16px;
  --tds-border-radius--card--dense: 8px;
  --tds-border-radius--pill: 20px;
}
.tds-component-preview,
:root {
  --tds-banner--padding: var(--tds-size--2x);
}
.tds-banner {
  inline-size: 100%;
  padding: var(--tds-banner--padding);
  text-align: center;
}
.tds-banner:not([class*='tds-scrim--']) {
  background-color: var(--tds-theme-background-container);
}
.tds-breadcrumbs {
  --tds-breadcrumb-padding: 6px;
  -webkit-margin-start: calc(var(--tds-breadcrumb-padding) * -2);
  color: var(--tds-theme-foreground-low-contrast);
  font-size: var(--tds-font-size--30);
  margin-inline-start: calc(var(--tds-breadcrumb-padding) * -2);
}
.tds-breadcrumb,
.tds-breadcrumbs {
  align-items: center;
  display: flex;
}
.tds-breadcrumb {
  border-radius: var(--tds-border-radius--pill);
  -webkit-column-gap: calc(var(--tds-size--half) / 2);
  column-gap: calc(var(--tds-size--half) / 2);
}
.tds-breadcrumb,
.tds-breadcrumbs-current {
  padding: var(--tds-breadcrumb-padding) calc(var(--tds-breadcrumb-padding) * 2);
}
.tds-breadcrumb--overflow {
  padding: var(--tds-size--1x);
}
.tds-breadcrumb--shallow .tds-icon {
  -webkit-margin-start: calc(var(--tds-size--half) * -1);
  margin-inline-start: calc(var(--tds-size--half) * -1);
}
.tds-breadcrumb:not([disabled], .tds--disabled) {
  cursor: pointer;
}
.tds-breadcrumb:hover,
.tds-breadcrumbs-current {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-breadcrumb-tooltip-actions {
  -webkit-padding-after: var(--tds-size--1x);
  -webkit-padding-before: var(--tds-size--1x);
  display: grid;
  padding-block-end: var(--tds-size--1x);
  padding-block-start: var(--tds-size--1x);
}
.tds-breadcrumb-tooltip-action {
  padding: var(--tds-breadcrumb-padding) calc(var(--tds-size--3x) - var(--tds-size--half));
}
.tds-breadcrumb-tooltip-action:is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds-breadcrumb-tooltip-action:hover,
.tds-breadcrumb:hover {
  background-color: var(--tds-theme-background-container-alt);
  transition: color 0.33s ease, background-color 0.33s ease;
}
.tds-component-preview,
:root {
  --tds-btn--font-size: var(--tds-font-size--30);
}
[lang='ar-AE'],
[lang='ar-AE'] body,
[lang='he-IL'],
[lang='he-IL'] body,
html[lang='ar-AE'],
html[lang='he-IL'] {
  --tds-btn--font-size: var(--tds-font-size--40);
}
button {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  padding: 0;
}
button:where(:focus, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
}
[role='button'] {
  cursor: pointer;
}
.tds-btn {
  --tds-btn--background-color: var(--tds-theme-primary);
  --tds-btn--border-color: transparent;
  --tds-btn--border-radius: var(--tds-border-radius--pill);
  align-items: center;
  background-color: var(--tds-btn--background-color);
  block-size: var(--tds-height--pill);
  border: var(--tds-border-width--large) solid var(--tds-btn--border-color);
  border-radius: var(--tds-btn--border-radius);
  box-shadow: inset 0 0 0 var(--tds-border-width--medium) transparent;
  color: var(--tds-theme-foreground-on-primary);
  display: inline-flex;
  font-family: var(--tds-font-family--combined);
  font-size: var(--tds-btn--font-size);
  font-weight: var(--tds-font-weight--medium);
  justify-content: center;
  line-height: 1.2;
  padding: var(--tds-size--half) var(--tds-size--3x);
  position: relative;
  text-align: center;
  text-transform: inherit;
  transition: border-color 0.33s ease, background-color 0.33s ease, color 0.33s ease, box-shadow 0.25s ease;
}
button.tds-btn {
  vertical-align: middle;
}
@media (min-width: 600px) {
  .tds-btn {
    inline-size: auto;
  }
  .tds-btn--width-full {
    inline-size: 100%;
    inline-size: -webkit-fill-available;
  }
}
@media (max-width: 599px) {
  .tds-btn {
    inline-size: 100%;
    inline-size: -webkit-fill-available;
  }
  .tds-btn--width-auto {
    inline-size: auto;
  }
}
.tds-btn--small {
  --tds-height--pill: 28px;
  font-size: var(--tds-font-size--20);
}
.tds-btn--medium,
.tds-density--dense {
  --tds-height--pill: var(--tds-size--4x);
}
.tds-btn--large {
  --tds-border-radius--pill: var(--tds-size--half);
  --tds-height--pill: var(--tds-size--5x);
}
.tds-btn--secondary {
  --tds-btn--background-color: transparent;
  --tds-btn--border-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-theme-foreground-high-contrast);
}
:is(.tds-colorscheme--dark, .tds-scrim--black) .tds-btn--secondary {
  --tds-btn--border-color: var(--tds-color-white);
  color: var(--tds-color-white);
}
.tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-theme-background-container);
  color: var(--tds-theme-foreground);
}
:is(button, .tds-btn):not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  cursor: pointer;
}
.tds-btn:is(:focus, .tds--focus) {
  box-shadow: inset 0 0 0 var(--tds-border-width--medium);
  outline: none;
}
.tds-btn:not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  --tds-btn--background-color: var(--tds-theme-primary-highlight);
}
.tds-btn--secondary:not([disabled], .tds--disabled):is(:hover, .tds--hover, :focus, .tds--focus) {
  --tds-btn--background-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-color--inverse);
}
.tds-btn--tertiary:not([disabled], .tds--disabled):is(:hover, .tds--hover) {
  --tds-btn--background-color: var(--tds-color--tertiary-highlight);
}
.tds-btn > .tds-icon--inline:first-child {
  -webkit-margin-start: calc(var(--tds-size--1x) * -1);
  margin-inline-start: calc(var(--tds-size--1x) * -1);
}
.tds-btn > .tds-icon--inline:last-child {
  -webkit-margin-end: calc(var(--tds-size--1x) * -1);
  margin-inline-end: calc(var(--tds-size--1x) * -1);
}
.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-btn--tertiary {
  --tds-btn--background-color: var(--tds-theme-background);
}
.tds-btn--tile-container {
  --tds-tile-spacer: var(--tds-size--4x);
  margin: var(--tds-size--3x) 0;
  position: relative;
}
.tds-btn.tds-btn--tile {
  background: var(--tds-color-grey-70);
  border-radius: 10px;
  box-shadow: 0 0 0 0 transparent;
  color: #333;
  inline-size: 100%;
  padding: var(--tds-size--8x);
  transition: box-shadow 0.5s cubic-bezier(0.5, 0, 0, 0.75);
}
@media (min-width: 600px) {
  .tds-btn.tds-btn--tile {
    -webkit-margin-end: var(--tds-tile-spacer);
    inline-size: auto;
    margin-inline-end: var(--tds-tile-spacer);
    max-inline-size: 400px;
    min-inline-size: 300px;
  }
}
.tds-btn--tile-container .tds-btn.tds-btn--tile {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  position: static;
}
.tds-btn.tds-btn--tile:is(:hover, .tds--hover) {
  box-shadow: 0 var(--tds-size--3x) var(--tds-size--4x) 0 var(--tds-color-grey-50);
}
.tds-btn.tds-btn--tile:is(:focus, .tds--focus) {
  box-shadow: 0 var(--tds-size--3x) var(--tds-size--4x) 0 var(--tds-color-grey-50),
    inset 0 0 0 2px var(--tds-color-grey-70), inset 0 0 0 4px var(--tds-color-grey-50);
  outline: none;
}
.tds-btn--tile-container .tds-btn.tds-btn--tile:before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: var(--tds-tile-spacer);
  top: 0;
}
.tds-btn--tile-description {
  color: var(--tds-color-grey-40);
  max-inline-size: 300px;
  padding: var(--tds-size--1x);
}
.tds-btn--tile + .tds-btn--tile-description {
  -webkit-margin-before: var(--tds-size--4x);
  margin-block-start: var(--tds-size--4x);
}
.tds-btn--tile-description:before {
  -webkit-margin-after: var(--tds-size--2x);
  background-color: var(--tds-color-grey-50);
  block-size: 2px;
  content: '';
  display: block;
  inline-size: var(--tds-size--2x);
  margin-block-end: var(--tds-size--2x);
}
.tds-btn_group {
  align-items: center;
  display: grid;
  gap: var(--tds-size--2x) var(--tds-size--3x);
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  justify-content: stretch;
  margin: var(--tds-size--2x) 0;
}
@media (max-width: 599px) {
  .tds-btn_group {
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  }
  .tds-btn_group--horizontal {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows: none;
  }
}
@media (min-width: 600px) {
  .tds-btn_group {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
  .tds-btn_group--vertical {
    grid-template-columns: none;
    grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  }
}
.tds-btn_group--grouped {
  gap: 0;
  grid-auto-flow: column;
}
.tds-btn_group--grouped > .tds-btn,
.tds-btn_group--grouped > tds-button > .tds-btn {
  border-inline-end-width: 0;
  border-inline-start-width: 0;
  border-radius: 0;
}
.tds-btn_group--grouped > .tds-btn:first-child,
.tds-btn_group--grouped > tds-button:first-child > .tds-btn {
  border-inline-start-width: var(--tds-border-width--large);
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
.tds-btn_group--grouped > .tds-btn:last-child,
.tds-btn_group--grouped > tds-button:last-child > .tds-btn {
  border-inline-end-width: var(--tds-border-width--large);
  border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0;
}
[dir='rtl'] .tds-btn_group--grouped > .tds-btn:first-child,
[dir='rtl'] .tds-btn_group--grouped > tds-button:first-child > .tds-btn {
  border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0;
}
[dir='rtl'] .tds-btn_group--grouped > .tds-btn:last-child,
[dir='rtl'] .tds-btn_group--grouped > tds-button > .tds-btn:last-child {
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
.tds-btn_group > .tds-link,
.tds-btn_group > tds-button > .tds-link {
  justify-self: center;
}
.tds-form-fieldset .tds-btn_group--grouped,
.tds-form-layout .tds-btn_group--grouped {
  grid-auto-flow: row;
}
.tds-component-preview,
:root {
  --tds-card--border-radius: var(--tds-border-radius--card);
  --tds-card--padding: var(--tds-padding--card);
}
.tds-card {
  --tds-card--cancel-padding: calc(var(--tds-card--padding) * -1);
  --tds-card--gap: var(--tds-card--padding);
  --tds-card--width: calc(75ch + var(--tds-padding--card--dense) * 2);
  background-color: var(--tds-theme-background-container);
  block-size: -webkit-min-content;
  block-size: min-content;
  border-radius: var(--tds-border-radius--card);
  display: flex;
  max-block-size: -webkit-min-content;
  max-block-size: min-content;
  max-inline-size: var(--tds-card--width);
  overflow: hidden;
  transition: background-color 0.33s ease;
}
.tds-card-asset {
  align-items: center;
  display: flex;
  inline-size: 100%;
  justify-content: center;
}
.tds-card-body {
  -webkit-padding-end: max(var(--tds-size--3x), var(--tds-card--padding));
  flex-grow: 1;
  padding: var(--tds-card--padding);
  padding-inline-end: max(var(--tds-size--3x), var(--tds-card--padding));
}
.tds-card img {
  display: block;
  inline-size: 100%;
}
.tds-card
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tds-text--h1,
    .tds-text--h1-alt,
    .tds-text--h2,
    .tds-text--h3,
    .tds-text--h4,
    .tds-text--h5,
    .tds-text--h6,
    .tds-text--caption-header
  ) {
  -webkit-padding-before: 0;
  padding-block-start: 0;
}
:is(.tds-card, .tds-card--asset) > .tds-icon {
  -webkit-margin-after: var(--tds-card--padding);
  -webkit-margin-before: var(--tds-card--padding);
  -webkit-margin-start: var(--tds-card--padding);
  margin-block-end: var(--tds-card--padding);
  margin-block-start: var(--tds-card--padding);
  margin-inline-start: var(--tds-card--padding);
}
.tds-card > .tds-icon + .tds-card-body {
  -webkit-padding-before: calc(var(--tds-card--padding) + 2px);
  -webkit-padding-start: calc(var(--tds-card--padding) / 3);
  padding-block-start: calc(var(--tds-card--padding) + 2px);
  padding-inline-start: calc(var(--tds-card--padding) / 3);
}
.tds-card--highlighted {
  background-color: var(--tds-theme-background-dialog);
  box-shadow: var(--tds-box-shadow--medium);
}
.tds-card--layout-vertical {
  flex-direction: column;
}
.tds-card--layout-vertical > .tds-icon + .tds-card-body {
  -webkit-padding-before: calc(var(--tds-card--padding) / 3);
  -webkit-padding-end: var(--tds-card--padding);
  -webkit-padding-start: var(--tds-card--padding);
  padding-block-start: calc(var(--tds-card--padding) / 3);
  padding-inline-end: var(--tds-card--padding);
  padding-inline-start: var(--tds-card--padding);
}
.tds-card--full-width,
.tds-card--full_width {
  --tds-card--width: 100%;
}
.tds-scrim--white .tds-card--highlighted {
  background-color: var(--tds-color-white);
}
.tds-card.tds-card--outline {
  background-color: transparent;
  border-color: var(--tds-theme-border-low-contrast);
  border-radius: var(--tds-border-radius--card);
  border-style: solid;
  border-width: var(--tds-border-width--hairline);
}
.tds-chip {
  --tds-chip--height: var(--tds-size--4x);
  -webkit-padding-end: var(--tds-size--half);
  -webkit-padding-start: var(--tds-size--2x);
  align-items: center;
  background-color: var(--tds-theme-background-container);
  block-size: var(--tds-chip--height);
  border-radius: var(--tds-border-radius--pill);
  display: inline-flex;
  font-weight: var(--tds-font-weight--medium);
  justify-content: space-between;
  margin: var(--tds-size--half);
  max-inline-size: 100%;
  overflow: hidden;
  padding-inline-end: var(--tds-size--half);
  padding-inline-start: var(--tds-size--2x);
}
.tds-density--dense .tds-chip {
  --tds-chip--height: var(--tds-size--3x);
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-size--4x);
}
.tds-chip--open {
  background-color: transparent;
}
.tds-form-input--inline .tds-chip--open {
  --tds-chip--height: var(--tds-size--3x);
  -webkit-padding-start: 0;
  margin: 0;
  padding-inline-start: 0;
}
.tds-form-input--default .tds-chip {
  --tds-chip--height: calc(var(--tds-height--pill) - var(--tds-size--1x));
  --tds-chip--inset: calc(var(--tds-form--indent) - var(--tds-size--half));
  -webkit-margin-after: calc(var(--tds-size--half) * -1);
  -webkit-margin-before: calc(var(--tds-size--half) * -1);
  -webkit-margin-end: var(--tds-size--half);
  -webkit-margin-start: 0;
  -webkit-padding-start: var(--tds-chip--inset);
  background-color: var(--tds-theme-background, var(--tds-color-white));
  border-radius: calc(var(--tds-border-radius--pill) - 2px);
  inline-size: -webkit-max-content;
  inline-size: max-content;
  margin-block-end: calc(var(--tds-size--half) * -1);
  margin-block-start: calc(var(--tds-size--half) * -1);
  margin-inline-end: var(--tds-size--half);
  margin-inline-start: 0;
  padding-inline-start: var(--tds-chip--inset);
}
.tds-form-input--default .tds-chip:first-child {
  -webkit-margin-start: calc(var(--tds-chip--inset) * -1);
  margin-inline-start: calc(var(--tds-chip--inset) * -1);
}
.tds-form-input--default .tds-chip:last-child {
  -webkit-margin-end: var(--tds-size--1x);
  margin-inline-end: var(--tds-size--1x);
}
.tds-form-input--default .tds-chip--open {
  background-color: transparent;
}
.tds-chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-chip .tds-icon-btn {
  --tds-icon-btn--border-width: 1px;
  -webkit-margin-start: var(--tds-size--half);
  margin-inline-start: var(--tds-size--half);
}
.tds-chip .tds-icon-btn,
.tds-density--dense .tds-chip .tds-icon-btn,
.tds-form-input--default .tds-chip .tds-icon-btn {
  block-size: calc(var(--tds-chip--height) - var(--tds-size--1x));
  inline-size: calc(var(--tds-chip--height) - var(--tds-size--1x));
}
.tds-chip-group {
  display: flex;
  gap: var(--tds-size--1x);
}
.tds-chip-group .tds-chip {
  margin: 0;
}
.tds-component-preview,
:root {
  --tds-content_container--gutter: var(--tds-size--3x);
  --tds-content_container--inline-size: 100%;
  --tds-content_container--max_width: 100%;
}
.tds-content_container {
  -webkit-margin-end: auto;
  -webkit-margin-start: auto;
  -webkit-padding-end: var(--tds-content_container--gutter);
  -webkit-padding-start: var(--tds-content_container--gutter);
  display: block;
  inline-size: var(--tds-content_container--inline-size);
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: var(--tds-content_container--max_width);
  padding-inline-end: var(--tds-content_container--gutter);
  padding-inline-start: var(--tds-content_container--gutter);
}
@media (min-width: 600px) {
  :root {
    --tds-content_container--gutter: 36px;
  }
}
@media (min-width: 1200px) {
  :root {
    --tds-content_container--gutter: var(--tds-size--6x);
  }
}
.tds-content_container--max_width {
  --tds-content_container--max_width: 1060px;
}
@media (min-width: 900px) {
  .tds-content_container--small {
    --tds-content_container--inline-size: 50%;
  }
  .tds-content_container--medium {
    --tds-content_container--inline-size: 70%;
  }
  .tds-content_container--extra-large,
  .tds-content_container--large {
    --tds-content_container--inline-size: 90%;
  }
  .tds-content_container--max_width.tds-content_container--small {
    --tds-content_container--max_width: 530px;
  }
  .tds-content_container--max_width.tds-content_container--medium {
    --tds-content_container--max_width: 742px;
  }
  .tds-content_container--max_width.tds-content_container--large {
    --tds-content_container--max_width: 954px;
  }
  .tds-content_container--max_width.tds-content_container--extra-large {
    --tds-content_container--max_width: 1824px;
  }
}
.context-block {
  left: var(--tds-context-block-position--left);
  position: absolute;
  top: var(--tds-context-block-position--top);
}
.tds-date-picker {
  --tds-date-picker--day-font-size: var(--tds-font-size--30);
  --tds-date-picker--day-size: var(--tds-size--5x);
  --tds-date-picker--grid-size: 327px;
  --tds-date-picker--label-font-size: var(--tds-font-size--50);
  --tds-date-selected--color: var(--tds-color-white);
  --tds-day-radius: var(--tds-size--half);
  --tds-end-of-week-radius: var(--tds-size--half);
  inline-size: var(--tds-date-picker--grid-size);
}
.tds-density--dense .tds-date-picker {
  --tds-date-picker--day-font-size: var(--tds-font-size--20);
  --tds-date-picker--day-size: var(--tds-size--4x);
  --tds-date-picker--label-font-size: var(--tds-font-size--30);
  inline-size: calc(var(--tds-date-picker--grid-size) - var(--tds-size--3x) * 2);
}
.tds-date-picker--range {
  --tds-date-picker--grid-gap: var(--tds-size--6x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--tds-size--2x) var(--tds-date-picker--grid-gap);
  position: relative;
}
.tds-date-picker--range.tds-date-picker--horizontal {
  inline-size: calc(var(--tds-date-picker--grid-size) * 2 + var(--tds-date-picker--grid-gap));
}
.tds-date-picker-calendar {
  --tds-column-count: 7;
  flex-grow: 1;
}
.tds-date-picker-month {
  align-items: center;
  display: flex;
  flex-grow: 1;
  inline-size: 100%;
  min-block-size: var(--tds-date-picker--day-size);
}
.tds-date-picker-month:focus {
  border-radius: var(--tds-size--half);
}
.tds-date-picker-month button {
  align-items: center;
  align-self: stretch;
  display: flex;
  min-inline-size: calc(var(--tds-date-picker--day-size) * 1.5);
  z-index: 1;
}
.tds-date-picker-month button:first-child {
  justify-content: flex-end;
}
.tds-date-picker-month button:last-child {
  justify-content: flex-start;
}
.tds-date-picker-month label {
  flex-grow: 1;
  font-size: var(--tds-date-picker--label-font-size);
  font-weight: var(--tds-font-weight--medium);
  padding: 0;
  text-align: center;
}
.tds-date-picker-month button:not(:hover) .tds-icon {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-date-picker-days-grid,
.tds-date-picker-days-label {
  align-items: center;
  display: grid;
  gap: var(--tds-size--half) 0;
  grid-template-columns: repeat(var(--tds-column-count, 7), 1fr);
  margin: var(--tds-size--1x) 0;
}
.tds-date-picker-days-label {
  pointer-events: none;
}
.tds-day {
  cursor: pointer;
  display: flex;
  justify-content: center;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.tds-day--not-this-month {
  pointer-events: none;
  visibility: hidden;
}
.tds-day span {
  align-items: center;
  block-size: var(--tds-date-picker--day-size);
  border-radius: var(--tds-day-radius);
  display: flex;
  font-size: var(--tds-date-picker--day-font-size);
  inline-size: var(--tds-date-picker--day-size);
  justify-content: center;
  outline-offset: 2px;
}
.tds-day--today span {
  border: 1px solid var(--tds-theme-border);
}
.tds-day[disabled] {
  color: var(--tds-color-grey-30);
  font-weight: var(--tds-font-weight--book);
}
.tds-day:where(:hover, .tds-day--highlighted:not(.tds-day--between)) span {
  background-color: var(--tds-theme-background-container);
  border: none;
}
.tds-day--selected:not(.tds-day--between) span {
  background-color: var(--tds-theme-primary);
}
.tds-day--selected:hover span {
  background-color: var(--tds-theme-primary-highlight);
}
.tds-day--selected span {
  border: none;
  color: var(--tds-date-selected--color);
  font-weight: var(--tds-font-weight--medium);
  outline-offset: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.tds-day:before {
  background-color: var(--tds-theme-background);
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
}
.tds-date-picker-days-grid button:focus-visible {
  outline: none;
}
.tds--indicate-focus .tds-date-picker-days-grid button:focus {
  outline: none;
}
.tds-date-picker-days-grid button:focus-visible span {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-date-picker-days-grid button:focus span {
  outline: var(--tds-outline--focus);
}
.tds-date-picker-days-grid .tds-day--selected:focus-visible span {
  outline-offset: 2px;
}
.tds--indicate-focus .tds-date-picker-days-grid .tds-day--selected:focus span {
  outline-offset: 2px;
}
.tds-tooltip.tds-date-picker-tooltip {
  inline-size: var(--tds-date-picker--grid-size);
}
.tds-tooltip.tds-date-range-picker-tooltip {
  max-inline-size: calc(100vw - 48px);
}
.tds-date-picker--selected .tds-day--selected:before {
  background-color: var(--tds-theme-primary);
  color: var(--tds-color-white);
  font-weight: var(--tds-font-weight--medium);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.tds-date-picker--hovering .tds-day--highlighted:before,
.tds-date-picker--hovering:not(.tds-date-picker--selected)
  .tds-day--selected:not(:hover):not(:hover ~ .tds-day--selected):before {
  background-color: var(--tds-theme-background-container);
}
.tds-day--last:before,
.tds-day:nth-child(7n):before {
  border-bottom-right-radius: var(--tds-end-of-week-radius);
  border-top-right-radius: var(--tds-end-of-week-radius);
}
.tds-day--first:before,
.tds-day:nth-child(7n + 1):before {
  border-bottom-left-radius: var(--tds-end-of-week-radius);
  border-top-left-radius: var(--tds-end-of-week-radius);
}
[dir='rtl'] .tds-day--last:before,
[dir='rtl'] .tds-day:nth-child(7n):before {
  border-bottom-left-radius: var(--tds-end-of-week-radius);
  border-radius: 0;
  border-top-left-radius: var(--tds-end-of-week-radius);
}
[dir='rtl'] .tds-day--first:before,
[dir='rtl'] .tds-day:nth-child(7n + 1):before {
  border-bottom-right-radius: var(--tds-end-of-week-radius);
  border-radius: 0;
  border-top-right-radius: var(--tds-end-of-week-radius);
}
.tds-day--start:not(.tds-day--highlighted ~ .tds-day--start):before {
  left: 50%;
  right: 0;
}
.tds-day--between:before {
  left: 0;
  right: 0;
}
.tds-day--end:before,
.tds-day--highlighted:not(.tds-day--between):before,
[dir='rtl'] .tds-day--start:not(.tds-day--highlighted ~ .tds-day--start):before {
  left: 0;
  right: 50%;
}
[dir='rtl'] .tds-day--end:before,
[dir='rtl'] .tds-day--highlighted:not(.tds-day--between):before {
  left: 50%;
  right: 0;
}
.tds-day--start.tds-day--end:before {
  display: none;
}
.tds-day--error span {
  background-color: transparent;
  box-shadow: inset 0 0 0 3px var(--tds-color-red-10);
  color: inherit;
}
.tds-figure {
  --tds-figure--padding: var(--tds-padding--card);
  --tds-figure--radius: var(--tds-border-radius--card);
  block-size: -webkit-min-content;
  block-size: min-content;
  display: flex;
  max-block-size: -webkit-min-content;
  max-block-size: min-content;
  max-inline-size: var(--tds-figure--width);
  overflow: hidden;
  padding: 0;
  transition: background-color 0.33s ease;
}
.tds-figure img {
  border-radius: var(--tds-figure--radius);
  inline-size: 100%;
}
.tds-density--dense .tds-figure {
  --tds-figure--padding: var(--tds-padding--card--dense);
  --tds-figure--radius: var(--tds-border-radius--card--dense);
}
.tds-figure > .tds-card-body {
  padding: 0;
}
.tds-figure--layout-vertical > figcaption + img,
.tds-figure--layout-vertical > img + figcaption {
  -webkit-margin-before: var(--tds-figure--padding);
  margin-block-start: var(--tds-figure--padding);
}
.tds-figure--layout-vertical > .tds-icon + figcaption,
.tds-figure--layout-vertical > figcaption + .tds-icon {
  -webkit-margin-before: calc(var(--tds-figure--padding) / 3);
  margin-block-start: calc(var(--tds-figure--padding) / 3);
}
.tds-figure:not(.tds-figure--layout-vertical) > figcaption + img,
.tds-figure:not(.tds-figure--layout-vertical) > img + figcaption {
  -webkit-margin-start: var(--tds-figure--padding);
  margin-inline-start: var(--tds-figure--padding);
}
.tds-figure:not(.tds-figure--layout-vertical) > .tds-icon + figcaption,
.tds-figure:not(.tds-figure--layout-vertical) > figcaption + .tds-icon {
  -webkit-margin-start: calc(var(--tds-figure--padding) / 3);
  margin-inline-start: calc(var(--tds-figure--padding) / 3);
}
.tds-figure--layout-vertical {
  flex-direction: column;
}
.tds-figure
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tds-text--h1,
    .tds-text--h1-alt,
    .tds-text--h2,
    .tds-text--h3,
    .tds-text--h4,
    .tds-text--h5,
    .tds-text--h6,
    .tds-text--caption-header
  ) {
  -webkit-padding-before: 0;
  padding-block-start: 0;
}
.tds-form--indent {
  --tds-form--indent: 12px;
}
.tds-density--dense .tds-form--indent {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-form--outdent {
  --tds-form--indent: 0;
}
.tds-form--error {
  --tds-form-feedback--color: var(--tds-theme-secondary-negative);
  --tds-form-input--border-color: var(--tds-theme-secondary-negative);
}
.tds-density--default {
  --tds-form--indent: 4px;
}
.tds-density--default.tds-form--indent {
  --tds-form--indent: 12px;
}
.tds-density--dense.tds-form--indent {
  --tds-form--indent: 10px;
}
.tds-density--default.tds-form--outdent,
.tds-density--dense.tds-form--outdent {
  --tds-form--indent: 0;
}
.tds-theme--v6 .tds-density--default {
  --tds-form--indent: 20px;
}
.tds-theme--v6 [class*='tds-density--'].tds-form--outdent {
  --tds-form--indent: 0;
}
.tds-form-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.tds-form-fieldset,
.tds-form-layout {
  display: grid;
  gap: var(--tds-form--gap);
}
.tds-form-layout--horizontal {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.tds-form-layout--2col {
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.tds-form-fieldset > :is(legend, .tds-text--h3, .tds-text--h4, .tds-text--h5) {
  -webkit-padding-start: var(--tds-form--indent);
  padding-inline-start: var(--tds-form--indent);
}
fieldset.tds-form-item {
  border: 0;
  margin: 0;
  min-inline-size: auto;
  padding: 0;
}
.tds-form-item.tds-tooltip-wrapper {
  display: inherit;
}
.tds-form-input-group {
  display: flex;
  flex-direction: column;
}
.tds-form-input-group--layout-horizontal {
  -webkit-margin-after: -12px;
  -webkit-margin-before: -4px;
  -webkit-margin-end: -4px;
  -webkit-padding-after: 12px;
  -webkit-padding-before: 4px;
  -webkit-padding-end: 4px;
  flex-direction: row;
  margin-block-end: -12px;
  margin-block-start: -4px;
  margin-inline-end: -4px;
  overflow-x: auto;
  padding-block-end: 12px;
  padding-block-start: 4px;
  padding-inline-end: 4px;
}
.tds-form-input {
  align-items: center;
  border-radius: var(--tds-border-radius--outline-only);
  display: flex;
  font-size: var(--tds-form-input--font-size, inherit);
  position: relative;
  transition: color 0.33s ease, background-color 0.33s ease, box-shadow 0.33s ease;
}
@media (max-width: 599px) {
  .tds-form-input--default,
  .tds-form-input--option {
    --tds-form-input--font-size: 16px;
  }
}
.tds-form-input :-ms-input-placeholder,
.tds-form-input:-ms-input-placeholder {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-form-input :placeholder-shown,
.tds-form-input.tds-form-input--readonly input,
.tds-form-input:placeholder-shown,
.tds-placeholder {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-placeholder {
  font-weight: var(--tds-font-weight--medium);
  white-space: nowrap;
}
:is(.tds-form-label, .tds-form-caption, .tds-form-feedback) + :is(.tds-form-input, .tds-form-input-group) {
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
}
:is(.tds-form-label, .tds-form-caption, .tds-form-feedback) + .tds-form-input-group--layout-horizontal {
  -webkit-margin-before: var(--tds-size--half);
  margin-block-start: var(--tds-size--half);
}
.tds-form-input--inline {
  display: inline-flex;
  vertical-align: baseline;
}
.tds-form-input--default {
  --tds-form--indent: 12px;
  background-color: var(--tds-theme-background-container);
  block-size: auto;
  border-radius: var(--tds-border-radius--pill);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px)
    var(--tds-form-input--border-color, var(--tds-theme-background-container));
  inline-size: var(--tds-form-input--inline-size, 100%);
  justify-content: space-between;
  min-block-size: var(--tds-height--pill);
  outline-offset: 2px;
  padding: 0 var(--tds-form--indent);
  transition: inline-size 0.5s var(--tds-bezier), padding 0.5s var(--tds-bezier),
    background-color 0.5s var(--tds-bezier), box-shadow 0.5s var(--tds-bezier);
}
.tds-density--dense .tds-form-input--default {
  --tds-form--indent: 10px;
}
.tds-density--default .tds-form-input--default {
  --tds-form--indent: 12px;
}
.tds-card:not(.tds-card--outline, .tds-scrim--white .tds-card--highlighted) .tds-form-input--default {
  --tds-form-input--border-color: var(--tds-theme-background);
  background-color: var(--tds-theme-background);
}
.tds-form-input--default.tds-form-input--readonly {
  --tds-form-input--border-color: var(--tds-theme-border);
  background: none;
}
.tds-form-input:has(.tds-form-input-dropdown, .tds-form-input-select):not(.tds--disabled) {
  cursor: pointer;
}
.tds-card .tds-form-input--default:focus-within,
.tds-form-input--default:focus-within {
  --tds-form-input--border-color: var(--tds-theme-border);
  --tds-form-input--border-width: 1px;
}
.tds--indicate-focus .tds-form-input--default:focus-within {
  --tds-form-input--border-color: var(--tds-theme-background-container);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input:has(.tds-dropdown :focus) {
  --tds-form-input--border-color: var(--tds-theme-background-container);
  outline: none;
}
.tds-form-input--collapsed {
  --tds-form-input--border-color: transparent;
  -webkit-padding-start: var(--tds-form-input--collapsed-padding-inline-start);
  background-color: transparent;
  cursor: pointer;
  inline-size: var(--tds-form-input--collapsed-inline-size);
  padding-inline-start: var(--tds-form-input--collapsed-padding-inline-start);
}
.tds-form-input--collapsed:is(.tds-form-input--highlighted, :hover) {
  background-color: var(--tds-theme-background-container);
}
.tds-form-input--collapsed.tds-form-input--highlighted:hover {
  background-color: var(--tds-color--tertiary-highlight);
}
.tds-form-input-group > .tds-form-input:not(:last-child) {
  -webkit-margin-after: var(--tds-size--1x);
  margin-block-end: var(--tds-size--1x);
}
.tds-form-input-group--layout-horizontal > .tds-form-input {
  max-inline-size: calc(100% - var(--tds-size--6x));
  min-inline-size: -webkit-min-content;
  min-inline-size: min-content;
}
.tds-form-input-group--layout-horizontal > .tds-form-input:not(:last-child) {
  -webkit-margin-after: 0;
  -webkit-margin-end: var(--tds-size--2x);
  margin-block-end: 0;
  margin-inline-end: var(--tds-size--2x);
}
.tds-form-input-leading {
  -webkit-padding-end: var(--tds-size--half);
  max-inline-size: calc(100% - 20px);
  padding-inline-end: var(--tds-size--half);
}
.tds-form-input-trailing {
  -webkit-padding-start: var(--tds-size--half);
  padding-inline-start: var(--tds-size--half);
}
.tds-form-input-leading + .tds-form-input-trailing {
  -webkit-padding-start: var(--tds-size--1x);
  padding-inline-start: var(--tds-size--1x);
}
.tds-form-input-group--layout-horizontal .tds-form-input-leading + .tds-form-input-trailing {
  -webkit-padding-start: var(--tds-size--2x);
  padding-inline-start: var(--tds-size--2x);
}
.tds-form-input--default :where(.tds-form-input-leading, .tds-form-input-trailing) {
  align-items: center;
  display: flex;
  inline-size: -webkit-max-content;
  inline-size: max-content;
}
:is(.tds-form-input--default, .tds-listbox-search) :where(.tds-form-input-leading, .tds-form-input-trailing) {
  -webkit-padding-after: var(--tds-size--half);
  -webkit-padding-before: var(--tds-size--half);
  padding-block-end: var(--tds-size--half);
  padding-block-start: var(--tds-size--half);
}
.tds-form-input img {
  block-size: 100%;
  border-radius: inherit;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}
.tds-theme--v6 .tds-form--indent {
  --tds-form--indent: 20px;
}
.tds-theme--v6 .tds-density--dense .tds-form-input--default,
.tds-theme--v6 .tds-density--dense.tds-form--indent .tds-theme--v6 .tds-density--dense .tds-form--indent {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-theme--v6 .tds-form-input--default {
  --tds-form--indent: 20px;
}
.tds-form-input-choice {
  align-self: normal;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: inset 0 0 0 1px var(--tds-form-input--border-color, var(--tds-theme-foreground-low-contrast));
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  max-block-size: var(--tds-height--choice);
  max-inline-size: var(--tds-height--choice);
  min-block-size: var(--tds-height--choice);
  min-inline-size: var(--tds-height--choice);
  transition: box-shadow 0.33s var(--tds-bezier);
  vertical-align: middle;
}
.tds-form-input-choice:focus {
  box-shadow: inset 0 0 0 2px var(--tds-form-input--border-color, var(--tds-theme-foreground-high-contrast));
}
.tds-form-input-choice[type='checkbox'] {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size);
  border-radius: 2px;
}
.tds-form-input-choice[type='radio'] {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--radio-size);
  border-radius: calc(var(--tds-height--choice) / 2);
}
.tds-form-input-choice:after {
  block-size: var(--tds-form-input-choice--fill-size);
  content: '';
  inline-size: var(--tds-form-input-choice--fill-size);
  margin: auto;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.33s var(--tds-bezier);
  transition: transform 0.33s var(--tds-bezier);
  transition: transform 0.33s var(--tds-bezier), -webkit-transform 0.33s var(--tds-bezier);
}
.tds-form-input-choice:checked:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tds-form-input-choice[type='checkbox']:after {
  background-image: var(--tds-background-image--check);
}
.tds-form-input-choice[type='checkbox']:indeterminate:after {
  background-image: var(--tds-background-image--minus);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tds-form-input-choice[type='radio']:after {
  background-color: currentColor;
  border-radius: inherit;
}
:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice {
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
}
:is(.tds-theme--replicant, .tds-density--dense) .tds-form-input-group .tds-form-input-choice {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}
.tds-form-input-group--layout-horizontal .tds-form-input:first-child .tds-form-input-choice,
.tds-form-item .tds-form-input-choice {
  -webkit-margin-start: var(--tds-form--indent);
  margin-inline-start: var(--tds-form--indent);
}
.tds-form-input-group--layout-horizontal .tds-form-input:not(:first-child) .tds-form-input-choice {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.tds-form-input-choice-label {
  --tds-form--indent: var(--tds-size--1x);
  -webkit-padding-before: 2px;
  align-self: normal;
  padding-block-start: 2px;
}
:is(:root, .tds-density--default) .tds-form-input-group .tds-form-input-choice + .tds-form-input-choice-label {
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
}
:is(.tds-theme--replicant, .tds-density--dense)
  :is(.tds-form-input-group .tds-form-input-choice, .tds-form-input-choice)
  + .tds-form-input-choice-label {
  -webkit-margin-before: -4px;
  margin-block-start: -4px;
}
.tds-form-input-choice-label label[for] {
  cursor: pointer;
}
.tds-form-input-choice + .tds-form-input-choice-label:hover .tds-form-label,
.tds-form-input-choice:checked + .tds-form-input-choice-label .tds-form-label,
.tds-form-input-choice:hover + .tds-form-input-choice-label .tds-form-label {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-dropdown {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  cursor: pointer;
  flex-grow: 1;
  font-weight: var(--tds-font-weight--medium);
  inline-size: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  text-overflow: ellipsis;
}
.tds-form-input-dropdown:disabled {
  opacity: 0;
}
.tds-form-input-dropdown:focus {
  outline: none;
}
.tds-form-input--inline .tds-form-input-dropdown + .tds-form-input-trailing {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.tds-dropdown.tds-tooltip {
  --tds-tooltip--padding: var(--tds-form--indent);
  cursor: default;
  padding: 0;
}
.tds-form-input--inline .tds-dropdown.tds-tooltip {
  --tds-form--indent: var(--tds-size--2x);
  --tds-tooltip--padding: var(--tds-form--indent);
}
.tds-dropdown-trigger {
  -webkit-margin-start: calc(var(--tds-size--half) * -1);
  -webkit-padding-start: var(--tds-size--half);
  align-items: center;
  display: flex;
  font-weight: var(--tds-font-weight--medium);
  margin-inline-start: calc(var(--tds-size--half) * -1);
  padding-inline-start: var(--tds-size--half);
  white-space: nowrap;
}
.tds-form-input-leading .tds-dropdown-trigger {
  -webkit-padding-end: var(--tds-size--half);
  padding-inline-end: var(--tds-size--half);
}
.tds-form-label-files {
  -webkit-padding-end: var(--tds-form--indent);
  -webkit-padding-start: var(--tds-form--indent);
  padding-inline-end: var(--tds-form--indent);
  padding-inline-start: var(--tds-form--indent);
}
.tds-list-item--file {
  align-items: center;
  color: var(--tds-theme-foreground);
  display: flex;
  justify-content: space-between;
  max-inline-size: unset;
}
:is(.tds-form-label, .tds-form-caption) + .tds-form-label-files .tds-list-item--file:first-of-type {
  -webkit-padding-before: var(--tds-size--1x);
  padding-block-start: var(--tds-size--1x);
}
.tds-list-item--file > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tds-list-item--file > button {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-list-item--file > button .tds-icon {
  margin: 0;
}
.tds-form-feedback.tds-form-feedback-file {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.tds-form-feedback-file .tds-form-feedback-text {
  display: flex;
}
.tds-form-feedback-file .tds-form-feedback-text .tds-icon {
  -webkit-margin-before: calc(var(--tds-size--1x) / 4);
  -webkit-margin-end: var(--tds-size--half);
  margin-block-start: calc(var(--tds-size--1x) / 4);
  margin-inline-end: var(--tds-size--half);
}
.tds-form-input-file-upload {
  -webkit-appearance: none;
  appearance: none;
  block-size: 1px;
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.tds-form-input-file-upload[disabled] + .tds-btn {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
.tds-form-input-file-upload:not([disabled]):focus + .tds-btn {
  box-shadow: inset 0 0 0 var(--tds-border-width--medium);
  outline: none;
}
.tds-form-input-file-upload:focus {
  outline: none;
}
.tds-form-input-password {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  font-weight: var(--tds-font-weight--medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
}
.tds-form-input-password:focus {
  outline: none;
}
.tds-form-input-range {
  --tds-form-input-range--thumb-size: var(--tds-height--choice);
  --tds-form-input-range--track-size: calc(var(--tds-height--choice) / 2);
  --tds-form-input-range--track-radius: calc(var(--tds-form-input-range--track-size) / 2);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: inherit;
  cursor: ew-resize;
  inline-size: 100%;
  margin: var(--tds-size--half) var(--tds-form--indent);
}
.tds-form-input-range--progress {
  position: relative;
}
.tds-form-input-range:focus {
  outline: none;
}
.tds-form-input-range--progress:before {
  background-color: var(--tds-theme-primary);
  block-size: 100%;
  border-radius: var(--tds-size--1x);
  content: '';
  display: block;
  inline-size: var(--tds-form-input-range--progress-width, 100%);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
[dir='rtl'] .tds-form-input-range--progress:before {
  left: auto;
  right: 0;
}
.tds-form-input-range--progress::-moz-range-progress {
  background-color: var(--tds-theme-primary);
  block-size: var(--tds-form-input-range--track-size);
  border-radius: var(--tds-form-input-range--track-radius);
}
.tds-form-input-range::-webkit-slider-runnable-track {
  background-color: var(--tds-color-grey-50);
  block-size: var(--tds-form-input-range--track-size);
  border-radius: var(--tds-form-input-range--track-radius);
  inline-size: 100%;
}
.tds-form-input-range::-moz-range-track {
  appearance: none;
  background-color: var(--tds-color-grey-50);
  block-size: var(--tds-form-input-range--track-size);
  border: none;
  border-radius: var(--tds-form-input-range--track-radius);
  inline-size: 100%;
}
.tds-form-input-range::-webkit-slider-thumb {
  -webkit-margin-before: calc(
    var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2
  );
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--tds-color-white);
  block-size: var(--tds-form-input-range--thumb-size);
  border-radius: calc(var(--tds-form-input-range--thumb-size) / 2);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px)
      var(--tds-form-input--border-color, var(--tds-theme-border)),
    var(--tds-range-slider--box-shadow, 0 0 0 0 transparent), var(--tds-box-shadow--small);
  inline-size: var(--tds-form-input-range--thumb-size);
  margin-block-start: calc(var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2);
  outline: var(--tds-range-slider--outline, none);
  outline-offset: 2px;
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.tds--indicate-focus ::-webkit-slider-thumb {
  -webkit-transition: none;
  transition: none;
}
.tds-form-input-range:focus-visible {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-range:focus {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds-form-input-range::-moz-range-thumb {
  appearance: none;
  background-color: var(--tds-color-white);
  block-size: var(--tds-form-input-range--thumb-size);
  border: none;
  border-radius: calc(var(--tds-form-input-range--thumb-size) / 2);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px)
      var(--tds-form-input--border-color, var(--tds-theme-border)),
    var(--tds-range-slider--box-shadow, 0 0 0 0 transparent), var(--tds-box-shadow--small);
  inline-size: var(--tds-form-input-range--thumb-size);
  margin-block-start: calc(var(--tds-form-input-range--track-size) / 2 - var(--tds-form-input-range--thumb-size) / 2);
  outline: var(--tds-range-slider--outline, none);
  outline-offset: 2px;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  z-index: 2;
}
.tds--indicate-focus ::-moz-range-thumb {
  -moz-transition: none;
  transition: none;
}
.tds-form-input-range:focus-visible ::-moz-range-thumb {
  --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-range:focus ::-moz-range-thumb {
  --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
  --tds-form-input--border-width: 2px;
  --tds-range-slider--box-shadow: 0 0 0 2px var(--tds-theme-background);
  --tds-range-slider--outline: var(--tds-outline--focus);
}
.tds-form-label-range.tds-form-label-range {
  align-items: baseline;
  display: flex;
}
.tds-form-label-range .tds-form-caption {
  flex-grow: 1;
  text-align: end;
}
.tds-form-input-select {
  -webkit-padding-end: var(--tds-size--3x);
  -webkit-appearance: none;
  appearance: none;
  background-color: inherit;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight--medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  padding-inline-end: var(--tds-size--3x);
  text-overflow: ellipsis;
}
.tds-form-input--default {
  --tds-form-input-select--chevron-inset: var(--tds-form--indent);
}
.tds-form-input-select:focus {
  outline: none;
}
.tds-form-input-select + .tds-form-input-trailing {
  align-self: center;
  left: auto;
  pointer-events: none;
  position: absolute;
  right: var(--tds-form-input-select--chevron-inset, 0);
}
[dir='rtl'] .tds-form-input-select + .tds-form-input-trailing {
  left: var(--tds-form-input-select--chevron-inset, 0);
  position: absolute;
  right: auto;
}
.tds-form-input-search {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight--medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  transition: opacity 0.33s ease;
}
.tds-form-input--collapsed .tds-form-input-search {
  opacity: 0;
}
.tds-form-input-search:focus {
  outline: none;
}
.tds-form-input-search:is([inputmode='search'], [type='search'])::-webkit-calendar-picker-indicator,
.tds-form-input-search:is([inputmode='search'], [type='search'])::-webkit-search-cancel-button {
  display: none !important;
}
.tds-form-input-search-clear {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.33s ease, background-color 0.33s ease, visibility 0s 0.33s;
  visibility: hidden;
}
.tds-form-input:not(.tds-form-input--collapsed)[data-tds-value] .tds-form-input-search-clear {
  opacity: 1;
  pointer-events: inherit;
  transition: opacity 0.33s ease, background-color 0.33s ease, visibility 0s 0s;
  visibility: inherit;
}
label.tds-form-input {
  color: var(--tds-form-label--color);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-form-input--option {
  --tds-form--indent: 20px;
  align-items: center;
  block-size: auto;
  border-radius: var(--tds-border-radius--pill);
  box-shadow: inset 0 0 0 var(--tds-form-input--border-width, 1px)
    var(--tds-form-input--border-color, var(--tds-theme-border));
  inline-size: auto;
  justify-content: space-between;
  min-block-size: var(--tds-height--pill);
  padding: var(--tds-size--half) var(--tds-form--indent);
}
.tds-density--dense .tds-form-input--option {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-form-input--option.tds-form-input--circle,
.tds-form-input-group--layout-horizontal > .tds-form-input--option.tds-form-input--circle {
  border-radius: var(--tds-border-radius--circle);
  justify-content: center;
  max-block-size: var(--tds-height--pill);
  max-inline-size: var(--tds-height--pill);
  min-inline-size: var(--tds-height--pill);
  padding: var(--tds-size--1x);
}
input.tds-form-input-hidden-choice {
  block-size: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  inline-size: 0;
  opacity: 0;
  pointer-events: none;
}
.tds-form-input-hidden-choice + .tds-form-input {
  cursor: pointer;
  outline-offset: 0;
}
.tds-form-input-hidden-choice[disabled] + .tds-form-input {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
  pointer-events: none;
}
.tds-form-input-hidden-choice:checked + .tds-form-input {
  font-weight: var(--tds-font-weight--medium);
}
.tds-form-input--option .tds-form-input-hidden-choice:checked + .tds-form-input,
.tds-form-input-hidden-choice:checked + .tds-form-input.tds-form-input--option {
  --tds-form-input--border-color: var(--tds-theme-primary);
  --tds-form-input--border-width: var(--tds-border-width--large);
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-hidden-choice:focus-visible + .tds-form-input {
  --tds-form-input--border-color: var(--tds-theme-foreground-low-contrast);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input-hidden-choice:focus + .tds-form-input {
  outline: var(--tds-outline--focus);
}
.tds-form-input-visual-checkbox {
  --tds-form-input-choice--fill-size: var(--tds-form-input-choice--check-size);
  border-radius: var(--tds-size--half);
  box-shadow: inset 0 0 0 1px var(--tds-theme-foreground-low-contrast);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  max-block-size: var(--tds-height--choice);
  max-inline-size: var(--tds-height--choice);
  min-block-size: var(--tds-height--choice);
  min-inline-size: var(--tds-height--choice);
  transition: box-shadow 0.33s ease;
  vertical-align: middle;
}
.tds-form-input-leading .tds-form-input-visual-checkbox {
  -webkit-margin-end: var(--tds-size--1x);
  margin-inline-end: var(--tds-size--1x);
}
.tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox {
  box-shadow: inset 0 0 0 2px var(--tds-theme-foreground-high-contrast);
}
.tds-form-input-visual-checkbox:after {
  background-image: var(--tds-background-image--check);
  background-repeat: no-repeat;
  block-size: var(--tds-form-input-choice--fill-size);
  content: '';
  inline-size: var(--tds-form-input-choice--fill-size);
  margin: auto;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.33s var(--tds-bezier);
  transition: transform 0.33s var(--tds-bezier);
  transition: transform 0.33s var(--tds-bezier), -webkit-transform 0.33s var(--tds-bezier);
}
.tds-form-input-hidden-choice:checked + .tds-form-input .tds-form-input-visual-checkbox:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tds-form-input--swatch {
  block-size: var(--tds-size--3x);
  border-radius: inherit;
  box-shadow: 0 0 0 1px #333;
  display: block;
  inline-size: var(--tds-size--3x);
}
.tds-density--dense .tds-form-input--option,
.tds-density--dense.tds-form--outdent .tds-form-input--option {
  --tds-form--indent: 20px;
}
.tds-theme--v6 .tds-density--dense .tds-form-input--option {
  --tds-form--indent: 16px;
}
.tds-country-phone-label--long .tds-country-code {
  -webkit-padding-end: var(--tds-size--half);
  display: inline-block;
  inline-size: 32px;
  padding-inline-end: var(--tds-size--half);
}
.tds-form-input-text {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight--medium);
  inline-size: 100%;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
}
.tds-form-input-text:focus {
  outline: none;
}
.tds-form-input-text[inputmode='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.tds-form-input-textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--outline-only);
  color: inherit;
  flex-grow: 1;
  font-weight: var(--tds-font-weight--medium);
  margin: 0;
  min-block-size: calc(var(--tds-height--pill) * 3);
  padding: 0;
  resize: none;
}
.tds-form-input--default .tds-form-input-textarea {
  margin: 0 calc(var(--tds-form--indent) * -1);
  padding: var(--tds-size--1x) var(--tds-form--indent);
}
.tds-form-input-textarea:focus {
  outline: none;
}
.tds-form-input-textarea:is(:hover, :focus, :active) {
  resize: vertical;
}
.tds-form-feedback {
  -webkit-padding-end: var(--tds-form--indent);
  -webkit-padding-start: var(--tds-form--indent);
  color: var(--tds-form-feedback--color, var(--tds-form-label--color));
  display: flex;
  font-size: var(--tds-font-size--20);
  justify-content: space-between;
  padding-inline-end: var(--tds-form--indent);
  padding-inline-start: var(--tds-form--indent);
}
:is(.tds-form-input, .tds-form-input-group, .tds-form-label, .tds-form-caption) + .tds-form-feedback {
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
}
.tds-form-feedback-text {
  flex-grow: 1;
  text-align: end;
}
.tds-form--error .tds-form-helper-text {
  display: none;
}
.tds-form--error .tds-form-feedback-text {
  font-weight: var(--tds-font-weight--medium);
  text-align: start;
}
.tds-form-label {
  -webkit-padding-end: calc(var(--tds-form--indent) / 2);
  -webkit-padding-start: var(--tds-form--indent);
  color: var(--tds-form-label--color);
  display: block;
  font-weight: var(--tds-font-weight--medium);
  padding-inline-end: calc(var(--tds-form--indent) / 2);
  padding-inline-start: var(--tds-form--indent);
  transition: color 0.33s ease;
}
.tds-form-label-tooltip {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.tds-form-label-tooltip .tds-icon--inline:is(:first-child, :last-child) {
  -webkit-margin-end: 0;
  -webkit-margin-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.tds-form-caption {
  -webkit-padding-end: calc(var(--tds-form--indent) / 2);
  -webkit-padding-start: var(--tds-form--indent);
  color: var(--tds-theme-foreground-low-contrast);
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--10);
  padding-inline-end: calc(var(--tds-form--indent) / 2);
  padding-inline-start: var(--tds-form--indent);
}
:is(.tds-form-input, .tds-form-input-group) + .tds-form-caption {
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
}
.tds-icon-btn {
  --tds-icon-btn--background: transparent;
  --tds-icon-btn--border-width: var(--tds-border-width--medium);
  align-items: center;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  background-color: var(--tds-icon-btn--background);
  block-size: var(--tds-height--pill);
  border: var(--tds-icon-btn--border-width) solid transparent;
  border-radius: var(--tds-border-radius--pill);
  box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width) transparent;
  display: inline-flex;
  inline-size: var(--tds-height--pill);
  justify-content: center;
  padding: var(--tds-size--half);
  transition: color 0.33s ease, background-color 0.33s ease, box-shadow 0.25s ease,
    -webkit-transform 0.33s var(--tds-bezier);
  transition: color 0.33s ease, background-color 0.33s ease, box-shadow 0.25s ease, transform 0.33s var(--tds-bezier);
  transition: color 0.33s ease, background-color 0.33s ease, box-shadow 0.25s ease, transform 0.33s var(--tds-bezier),
    -webkit-transform 0.33s var(--tds-bezier);
  vertical-align: middle;
}
.tds-icon-btn:focus {
  box-shadow: inset 0 0 0 var(--tds-icon-btn--border-width);
  outline: none;
}
@media (hover: hover) {
  .tds-data-table tbody tr.tds--highlighted .tds-td--actions .tds-icon-btn,
  .tds-data-table tbody tr:hover .tds-td--actions .tds-icon-btn:not([disabled]),
  .tds-icon-btn:is(:hover:not([disabled]), .tds--highlighted) {
    --tds-icon-btn--background: var(--tds-theme-background-container-alt);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(var(--tds-blur--button));
  }
  .tds-icon-btn.tds--highlighted:not([disabled]):hover {
    --tds-icon-btn--background: var(--tds-theme-background-container-alt-highlight);
  }
}
:is(.tds-form-input-leading, .tds-form-input-trailing) .tds-icon-btn {
  -webkit-margin-after: calc(var(--tds-size--1x) * -1);
  -webkit-margin-before: calc(var(--tds-size--1x) * -1);
  margin-block-end: calc(var(--tds-size--1x) * -1);
  margin-block-start: calc(var(--tds-size--1x) * -1);
}
.tds-form-input .tds-icon-btn {
  --tds-icon-btn--border-width: 1px;
  block-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
  inline-size: calc(var(--tds-height--pill) - var(--tds-size--1x));
}
.tds-icon-btn.tds-icon-btn--large,
:where(.tds-density--default) .tds-icon-btn {
  --tds-height--pill: var(--tds-size--5x);
  --tds-icon-btn--border-width: var(--tds-border-width--medium);
}
.tds-icon-btn.tds-icon-btn--medium,
:where(.tds-density--dense) .tds-icon-btn {
  --tds-height--pill: var(--tds-size--4x);
  --tds-icon-btn--border-width: var(--tds-border-width--small);
}
.tds-icon-btn.tds-icon-btn--small {
  --tds-height--pill: 28px;
  --tds-icon-btn--border-width: var(--tds-border-width--small);
}
.tds-form-input--default .tds-form-input-trailing .tds-icon-btn:last-child {
  -webkit-margin-end: calc(var(--tds-size--half) * -1);
  margin-inline-end: calc(var(--tds-size--half) * -1);
}
.tds-form-input--default .tds-form-input-leading .tds-icon-btn:first-child {
  -webkit-margin-start: calc(var(--tds-size--half) * -1);
  margin-inline-start: calc(var(--tds-size--half) * -1);
}
.tds-component-preview,
:root {
  --tds-icon--bg: transparent;
  --tds-icon--size: 24px;
}
.tds-icon {
  background: var(--tds-icon--bg);
  block-size: var(--tds-icon--size);
  content: '';
  display: block;
  inline-size: var(--tds-icon--size);
  max-inline-size: 100%;
  min-block-size: var(--tds-icon--size);
  min-inline-size: var(--tds-icon--size);
  overflow: hidden;
  text-indent: -9999px;
  transition: color 0.33s ease, -webkit-transform 0.5s var(--tds-bezier);
  transition: color 0.33s ease, transform 0.5s var(--tds-bezier);
  transition: color 0.33s ease, transform 0.5s var(--tds-bezier), -webkit-transform 0.5s var(--tds-bezier);
}
.tds-icon--small {
  --tds-icon--size: 16px;
}
[dir='rtl'] :is([class*='tds-icon-arrow'], [class*='tds-icon-chevron'], [class*='tds-icon-speaker']) {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tds-icon--inline {
  display: inline-block;
}
.tds-icon--inline:last-child {
  -webkit-margin-start: var(--tds-size--half);
  margin-inline-start: var(--tds-size--half);
}
.tds-icon--inline:first-child {
  -webkit-margin-end: var(--tds-size--half);
  margin-inline-end: var(--tds-size--half);
}
.tds-icon--text-bottom {
  vertical-align: text-bottom;
}
.tds-icon--text-top {
  vertical-align: text-top;
}
.tds-icon--text-middle {
  -webkit-margin-before: -0.2em;
  margin-block-start: -0.2em;
  vertical-align: middle;
}
.tds-icon--flip-x {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.tds-icon-logo-wordmark {
  inline-size: calc(var(--tds-icon--size) * 5);
}
.tds-icon-loader {
  background: conic-gradient(from 30deg, hsla(0, 0%, 47%, 0), hsla(0, 0%, 47%, 0.48), hsla(0, 0%, 47%, 0.8), #777);
  color: hsla(0, 0%, 100%, 0);
  -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><path d="M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z"/></svg>');
  mask: url('data:image/svg+xml;charset=utf-8,<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg"><path d="M24 1a2.347 2.347 0 1 1 0 4.694 18.306 18.306 0 1 0 13.359 5.792 2.347 2.347 0 1 1 3.426-3.21A23 23 0 1 1 24 1Z"/></svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
  opacity: var(--tds-ui-opacity-70);
}
.tds-icon * {
  transition: fill 0.3s ease, stroke 0.3s ease;
}
.tds-icon-badge {
  --tds-badge--color: var(--tds-theme-primary);
  --tds-badge--text-color: var(--tds-color-white);
  font-variant-numeric: tabular-nums;
  overflow: visible;
}
.tds-theme--replicant .tds-icon-badge {
  --tds-badge--text-color: var(--tds-color--black);
}
.tds-icon-trigger {
  --tds-icon-trigger--animation: color 900ms var(--tds-bezier), border 900ms var(--tds-bezier),
    opacity 900ms var(--tds-bezier), transform 900ms var(--tds-bezier), box-shadow 250ms var(--tds-bezier),
    background-color 900ms var(--tds-bezier);
  --tds-icon-trigger--border_size: 2px;
  --tds-icon-trigger--padding-inline-end: var(--tds-size--1x);
  --tds-icon-trigger--padding-inline-start: var(--tds-size--4x);
  -webkit-padding-after: var(--tds-size--1x);
  -webkit-padding-before: var(--tds-size--1x);
  -webkit-padding-end: var(--tds-icon-trigger--padding-inline-end);
  -webkit-padding-start: var(--tds-icon-trigger--padding-inline-start);
  align-items: center;
  background: none;
  border: none;
  color: var(--tds-theme-foreground);
  cursor: pointer;
  display: inline-flex;
  flex-flow: row nowrap;
  font-size: var(--tds-font-size--30);
  font-weight: var(--tds-font-weight--medium);
  min-block-size: var(--tds-size--5x);
  min-inline-size: var(--tds-size--3x);
  padding-block-end: var(--tds-size--1x);
  padding-block-start: var(--tds-size--1x);
  padding-inline-end: var(--tds-icon-trigger--padding-inline-end);
  padding-inline-start: var(--tds-icon-trigger--padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-icon-trigger.tds--disabled,
.tds-icon-trigger:disabled {
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
}
.tds-icon-trigger:after {
  border: none;
  opacity: 0;
}
.tds-icon-trigger .tds-label-title {
  text-transform: inherit;
}
.tds-icon-crosshatch {
  --tds-icon-crosshatch--border-radius: var(--tds-border-radius--pill);
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  block-size: var(--tds-size--3x);
  border: var(--tds-icon-trigger--border_size) solid var(--tds-color--secondary-highlight);
  inline-size: var(--tds-size--3x);
  padding: 0;
}
.tds-icon-crosshatch,
.tds-icon-crosshatch:after,
.tds-icon-crosshatch:before {
  border-radius: var(--tds-icon-crosshatch--border-radius);
  left: 0;
  position: absolute;
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-crosshatch:after,
.tds-icon-crosshatch:before {
  background-color: var(--tds-color--secondary-highlight);
  bottom: 0;
  content: '';
  margin: auto;
  right: 0;
  top: 0;
}
.tds-icon-crosshatch:before {
  block-size: calc(var(--tds-size--2x) - 4px);
  inline-size: var(--tds-icon-trigger--border_size);
}
.tds-icon-crosshatch:after {
  block-size: var(--tds-icon-trigger--border_size);
  inline-size: calc(var(--tds-size--2x) - 4px);
}
.tds-icon-trigger--small {
  --tds-icon-trigger--padding-inline-start: calc(var(--tds-size--2x) + 8px);
  min-block-size: calc(var(--tds-size--2x) + 10px);
}
.tds-icon-trigger--small .tds-icon-crosshatch {
  block-size: var(--tds-size--2x);
  inline-size: var(--tds-size--2x);
}
.tds-icon-trigger--small .tds-icon-crosshatch:before {
  block-size: calc(var(--tds-size--2x) - 10px);
}
.tds-icon-trigger--small .tds-icon-crosshatch:after {
  inline-size: calc(var(--tds-size--2x) - 10px);
}
.tds-icon-trigger--unenclosed {
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-trigger--unenclosed .tds-icon-crosshatch {
  border: none;
}
.tds-icon-trigger--unenclosed .tds-label-title {
  -webkit-margin-end: var(--tds-size--1x);
  margin-inline-end: var(--tds-size--1x);
}
.tds-icon-trigger--reversed {
  --tds-icon-trigger--padding-inline-end: var(--tds-size--4x);
  --tds-icon-trigger--padding-inline-start: 0;
}
.tds-icon-trigger--reversed .tds-icon-crosshatch,
[dir='rtl'] .tds-icon-crosshatch {
  left: auto;
  right: 0;
}
[dir='rtl'] .tds-icon-trigger--reversed,
[dir='rtl'] .tds-icon-trigger--reversed .tds-icon-crosshatch {
  left: 0;
  right: auto;
}
[aria-pressed='true'] .tds-icon-crosshatch:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
[aria-pressed='true'] .tds-icon-crosshatch:after {
  opacity: var(--tds-ui-opacity-0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tds-icon-trigger--rotate[aria-pressed='true'] .tds-icon-crosshatch:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.tds-icon-trigger--rotate[aria-pressed='true'] .tds-icon-crosshatch:after {
  opacity: var(--tds-ui-opacity-100);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.tds-icon-trigger--invert-colors[aria-pressed='true'] .tds-icon-crosshatch {
  background-color: var(--tds-color--secondary-highlight);
}
.tds-icon-trigger--invert-colors[aria-pressed='true'] .tds-icon-crosshatch:after,
.tds-icon-trigger--invert-colors[aria-pressed='true'] .tds-icon-crosshatch:before {
  background-color: var(--tds-color--inverse);
}
.tds-icon-trigger--chevron .tds-icon {
  transition: var(--tds-icon-trigger--animation);
}
.tds-icon-trigger--chevron[aria-pressed='true'] .tds-icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.tds-icon-trigger--chevron {
  --tds-icon-trigger--padding-inline-end: 0;
  --tds-icon-trigger--padding-inline-start: 0;
  gap: var(--tds-size--half);
}
.tds-component-preview,
:root {
  --tds-gutter: var(--tds-size--3x);
  --tds-gutter--half: calc(var(--tds-size--3x) / 2);
  --tds-gutter--negative: calc(var(--tds-size--3x) * -1);
  --tds-gutter--half_negative: calc(var(--tds-gutter--negative) / 2);
}
.tds-flex {
  display: flex;
  flex-flow: column wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .tds-flex {
    flex-flow: row wrap;
  }
}
.tds-flex-gutters {
  -webkit-margin-after: var(--tds-size--3x);
  -webkit-margin-before: var(--tds-gutter--negative);
  -webkit-margin-start: var(--tds-gutter--negative);
  margin-block-end: var(--tds-size--3x);
  margin-block-start: var(--tds-gutter--negative);
  margin-inline-start: var(--tds-gutter--negative);
}
@media (max-width: 599px) {
  .tds-flex-small-gutters > * {
    -webkit-margin-before: var(--tds-size--1x);
    -webkit-margin-after: var(--tds-size--1x);
    margin-block-end: var(--tds-size--1x);
    margin-block-start: var(--tds-size--1x);
  }
  .tds-flex-small-gutters > :first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .tds-flex-small-gutters > :last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
}
@media (min-width: 600px) {
  .tds-flex-small-gutters > * {
    -webkit-margin-start: var(--tds-size--1x);
    -webkit-margin-end: var(--tds-size--1x);
    margin-inline-end: var(--tds-size--1x);
    margin-inline-start: var(--tds-size--1x);
  }
  .tds-flex-small-gutters > :first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
  .tds-flex-small-gutters > :last-child {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
}
.tds-flex--nowrap {
  flex-wrap: nowrap;
}
.tds-flex-item {
  flex: 1;
}
.tds-grid--show_grid .tds-flex-item {
  overflow: hidden;
  position: relative;
}
.tds-grid--show_grid .tds-flex-item:before {
  -webkit-border-end: 1px solid rgba(149, 236, 255, 0.3);
  -webkit-border-start: 1px solid rgba(149, 236, 255, 0.3);
  background-color: rgba(149, 236, 255, 0.1);
  block-size: 100%;
  border-inline-end: 1px solid rgba(149, 236, 255, 0.3);
  border-inline-start: 1px solid rgba(149, 236, 255, 0.3);
  content: '';
  display: block;
  inline-size: calc(100% - 2px);
  left: 1px;
  position: absolute;
  top: 0;
}
.tds-grid--show_grid .tds-flex-gutters .tds-flex-item:before,
.tds-grid--show_grid.tds-flex-gutters .tds-flex-item:before {
  inline-size: calc(100% - 26px);
  left: var(--tds-size--3x);
  top: var(--tds-size--3x);
}
.tds-flex-gutters .tds-flex-item {
  -webkit-padding-before: var(--tds-size--3x);
  -webkit-padding-start: var(--tds-size--3x);
  padding-block-start: var(--tds-size--3x);
  padding-inline-start: var(--tds-size--3x);
}
.tds-flex--flex_cells > .tds-flex-item {
  display: flex;
}
.tds-flex-item--no_gutter {
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.tds-flex-gutters .tds-flex-gutters {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
[class*='tds-flex--col_'] {
  flex: none;
  transition: width 0.25s ease-in-out;
}
@media (min-width: 600px) {
  .tds-flex--col_1of2 {
    inline-size: 50%;
  }
  .tds-flex--col_1of3 {
    inline-size: 33.3333%;
  }
  .tds-flex--col_2of3 {
    inline-size: 66.6667%;
  }
  .tds-flex--col_1of4 {
    inline-size: 25%;
  }
  .tds-flex--col_3of4 {
    inline-size: 75%;
  }
  .tds-flex--col_1of1 {
    inline-size: 100%;
  }
}
.tds-flex--top {
  align-items: flex-start;
}
.tds-flex--bottom {
  align-items: flex-end;
}
.tds-flex--center {
  align-items: center;
}
.tds-flex--align-inline-start {
  justify-content: flex-start;
}
.tds-flex--align-inline-center {
  justify-content: center;
}
.tds-flex--align-inline-end {
  justify-content: flex-end;
}
.tds-flex--align-inline-center > .tds-flex-item,
.tds-flex--align-inline-end > .tds-flex-item,
.tds-flex--align-inline-start > .tds-flex-item {
  flex: unset;
}
.tds-flex-item--top {
  align-self: flex-start;
}
.tds-flex-item--bottom {
  align-self: flex-end;
}
.tds-flex-item--center {
  align-self: center;
}
.tds-flex--fit > .tds-flex-item {
  flex: 1;
}
@media (min-width: 600px) {
  .tds-flex--full > .tds-flex-item {
    flex: 0 0 100%;
  }
  .tds-flex--halfs > .tds-flex-item {
    flex: 0 0 50%;
  }
  .tds-flex--thirds > .tds-flex-item {
    flex: 0 0 33.3333%;
  }
  .tds-flex--quarters > .tds-flex-item {
    flex: 0 0 25%;
  }
  .tds-flex--large_fit > .tds-flex-item {
    flex: 1;
  }
  .tds-flex--large_full > .tds-flex-item {
    flex: 0 0 100%;
  }
  .tds-flex--large_halfs > .tds-flex-item {
    flex: 0 0 50%;
  }
  .tds-flex--large_thirds > .tds-flex-item {
    flex: 0 0 33.3333%;
  }
  .tds-flex--large_quarters > .tds-flex-item {
    flex: 0 0 25%;
  }
}
.tds-flex--as_columns {
  flex-flow: column wrap;
}
.tds-flex--as-rows {
  display: flex;
  flex-flow: row wrap;
}
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu > .tds-flex-item:first-child,
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:first-child {
  min-inline-size: 70%;
}
.tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:first-child {
  min-inline-size: 60%;
}
.tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:nth-child(2),
.tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:nth-child(2) {
  order: -1;
}
@media (max-width: 599px) {
  .tds-layout-flex--three_columns.tds-layout-flex--sidemenu > .tds-flex-item:first-child,
  .tds-layout-flex--two_columns.tds-layout-flex--sidemenu_left > .tds-flex-item:first-child {
    order: -1;
  }
  .tds-flex-item {
    flex: 100%;
    inline-size: 100%;
    min-inline-size: 112px;
  }
  .tds-flex-gutters {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0;
  }
  .tds-flex-gutters .tds-flex-item {
    -webkit-padding-before: 0;
    padding-block-start: 0;
  }
}
.tds-layout-main {
  grid-area: main;
}
.tds-layout-aside {
  grid-area: aside--primary;
}
.tds-layout-aside + .tds-layout-aside {
  grid-area: aside--secondary;
}
.tds-layout :is(.tds-layout, .tds-layout--no_offset),
.tds-layout.tds-layout--no_offset {
  -webkit-padding-end: 0;
  -webkit-padding-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.tds-layout--constrained,
.tds-layout--constrained_small {
  -webkit-margin-end: auto;
  -webkit-margin-start: auto;
  margin-inline-end: auto;
  margin-inline-start: auto;
}
.tds-layout--constrained_small {
  max-inline-size: 840px;
}
.tds-layout--constrained {
  max-inline-size: 1440px;
}
.tds-layout {
  -webkit-padding-end: var(--tds-content_container--gutter);
  -webkit-padding-start: var(--tds-content_container--gutter);
  padding-inline-end: var(--tds-content_container--gutter);
  padding-inline-start: var(--tds-content_container--gutter);
}
.tds-content_container > .tds-layout {
  -webkit-padding-end: 0;
  -webkit-padding-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
@media (min-width: 600px) {
  .tds-layout {
    grid-gap: 0 var(--tds-size--3x);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: auto;
  }
}
.tds-layout-item:first-child:last-child {
  grid-column: 1/13;
}
[class*='tds-layout-2col'] .tds-layout-aside {
  grid-area: aside;
}
.tds-layout-main--left .tds-layout-aside,
.tds-layout-main--right .tds-layout-main {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.tds-layout-2col.tds-layout-2col {
  grid-template: 1fr / repeat(2, 6fr);
}
.tds-layout-2col-has_main,
.tds-layout-2col-has_main--large,
.tds-layout-2col-spacious {
  grid-template: 1fr / repeat(12, 1fr);
}
.tds-layout-2col-has_main.tds-layout-main--left {
  grid-template-areas: 'main main main main main main main main aside aside aside aside';
}
.tds-layout-2col-has_main.tds-layout-main--right {
  grid-template-areas: 'aside aside aside aside main main main main main main main main';
}
.tds-layout-2col-has_main--large.tds-layout-main--left {
  grid-template-areas: 'main main main main main main main main main aside aside aside';
}
.tds-layout-2col-has_main--large.tds-layout-main--right {
  grid-template-areas: 'aside aside aside main main main main main main main main main';
}
.tds-layout-2col-static_sidebar.tds-layout-main--left {
  grid-template: 'main aside' 1fr/10fr minmax(204px, 2fr);
}
.tds-layout-2col-static_sidebar.tds-layout-main--right {
  grid-template: 'aside main' 1fr / minmax(204px, 2fr) 10fr;
}
.tds-layout-2col-static_sidebar--large.tds-layout-main--left {
  grid-template: 'main aside' 1fr/9fr minmax(318px, 3fr);
}
.tds-layout-2col-static_sidebar--large.tds-layout-main--right {
  grid-template: 'aside main' 1fr / minmax(318px, 3fr) 9fr;
}
@media (min-width: 600px) {
  .tds-layout-main--left .tds-layout-aside,
  .tds-layout-main--right .tds-layout-main {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
  }
  .tds-layout-2col-content_heavy.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-content_heavy.tds-layout-main--right .tds-layout-main,
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}
@media (min-width: 900px) {
  .tds-layout-2col-spacious.tds-layout-main--left {
    grid-template-areas: '. main main main main main main . aside aside aside .';
  }
  .tds-layout-2col-spacious.tds-layout-main--right {
    grid-template-areas: '. aside aside aside . main main main main main main .';
  }
  .tds-layout-2col-content_heavy.tds-layout-main--left {
    grid-template: '. . main aside' 1fr/1fr 1fr 7fr minmax(-webkit-min-content, 318px);
    grid-template: '. . main aside' 1fr/1fr 1fr 7fr minmax(min-content, 318px);
  }
  .tds-layout-2col-content_heavy.tds-layout-main--right {
    grid-template: 'aside main . . ' 1fr / minmax(-webkit-min-content, 318px) 7fr 1fr 1fr;
    grid-template: 'aside main . . ' 1fr / minmax(min-content, 318px) 7fr 1fr 1fr;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tds-layout-2col-spacious.tds-layout-main--left {
    grid-template-areas: 'main main main main main main main aside aside aside aside aside';
  }
  .tds-layout-2col-spacious.tds-layout-main--right {
    grid-template-areas: 'aside aside aside aside aside main main main main main main main';
  }
  .tds-layout-2col-spacious.tds-layout-main--left .tds-layout-aside,
  .tds-layout-2col-spacious.tds-layout-main--right .tds-layout-main {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
  }
  .tds-layout-2col-content_heavy.tds-layout-main--left {
    grid-template: 'main aside' 1fr/9fr minmax(-webkit-min-content, 318px);
    grid-template: 'main aside' 1fr/9fr minmax(min-content, 318px);
  }
  .tds-layout-2col-content_heavy.tds-layout-main--right {
    grid-template: 'aside main' 1fr / minmax(-webkit-min-content, 318px) 9fr;
    grid-template: 'aside main' 1fr / minmax(min-content, 318px) 9fr;
  }
}
.tds-layout-3col,
.tds-layout-3col-has_main,
.tds-layout-3col-has_main--large {
  grid-template-areas: 'aside--primary main aside--secondary';
}
.tds-layout-3col {
  grid-template: 1fr / repeat(3, 4fr);
}
.tds-layout-3col-has_main,
.tds-layout-3col-has_main--large {
  grid-template: 1fr / repeat(12, 1fr);
}
.tds-layout-3col-has_main .tds-layout-main {
  grid-column: 4/10;
}
.tds-layout-3col-has_main .tds-layout-aside + .tds-layout-aside {
  grid-column: 10/13;
}
.tds-layout-3col-has_main .tds-layout-main + .tds-layout-aside {
  grid-column: 1/4;
}
.tds-layout-3col-has_main--large .tds-layout-main {
  grid-column: 3/11;
}
.tds-layout-3col-has_main--large .tds-layout-aside + .tds-layout-aside {
  grid-column: 11/13;
}
.tds-layout-3col-has_main--large .tds-layout-main + .tds-layout-aside {
  grid-column: 1/3;
}
.tds-layout-3col-has_main--inset .tds-layout-main {
  grid-column: 4/10;
}
.tds-layout-3col-has_main--inset .tds-layout-aside + .tds-layout-aside {
  grid-column: 10/12;
}
.tds-layout-3col-has_main--inset .tds-layout-main + .tds-layout-aside {
  grid-column: 2/4;
}
.tds-layout-3col-has_main--spread .tds-layout-main {
  grid-column: 4/10;
}
.tds-layout-3col-has_main--spread .tds-layout-aside + .tds-layout-aside {
  grid-column: 11/13;
}
.tds-layout-3col-has_main--spread .tds-layout-main + .tds-layout-aside {
  grid-column: 1/3;
}
.tds-layout--4col {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 600px) {
  .tds-layout-checkerboard {
    grid-gap: 0;
    grid-template: 'checkboard--row' 1fr/1fr;
  }
  .tds-layout-checkerboard .tds-layout-item {
    align-content: center;
    align-items: stretch;
    display: grid;
    grid-template: 'checkerboard-asset checkerboard-caption' 1fr/1fr 1fr;
    justify-content: center;
  }
  .tds-layout-checkerboard .tds-layout-checkerboard--caption {
    -webkit-padding-start: var(--tds-size--8x);
    -webkit-padding-end: var(--tds-size--8x);
    grid-area: checkerboard-caption;
    padding-inline-end: var(--tds-size--8x);
    padding-inline-start: var(--tds-size--8x);
    place-self: center stretch;
    text-align: start;
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(odd) {
    grid-template-areas: 'checkerboard-caption checkerboard-asset';
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(2n) {
    grid-template-areas: 'checkerboard-asset checkerboard-caption';
  }
  .tds-layout-checkerboard .tds-layout-item:nth-child(odd) .tds-layout-checkerboard--caption {
    text-align: end;
  }
}
.tds-layout-checkerboard .tds-layout-checkboard--asset {
  display: block;
  grid-area: checkerboard-asset;
  inline-size: 100%;
  max-inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.tds-component-preview,
:root {
  --tds-shell-footer-height: initial;
  --tds-shell-header-height: var(--tds-size--7x);
}
.tds-shell {
  --tds-shell-content-height: calc(100vh - var(--tds-shell-header-height) - var(--tds-shell-footer-height));
  grid-gap: 0 24px;
  display: grid;
  grid-template-areas: 'tds-shell-masthead' 'tds-shell-content' 'tds-shell-footer';
  grid-template-columns: auto;
  grid-template-rows: var(--tds-shell-header-height) 1fr var(--tds-shell-footer-height);
  min-block-size: 100vh;
  min-block-size: -webkit-fill-available;
}
.tds-shell.tds-shell--no_footer {
  --tds-shell-footer-height: 0px;
}
@media (min-width: 600px) {
  .tds-shell {
    --tds-shell-footer-height: 52px;
  }
}
.tds-shell-footer,
.tds-shell-masthead {
  display: flex;
  flex-flow: row nowrap;
}
.tds-shell-masthead {
  grid-area: tds-shell-masthead;
  min-inline-size: 100vw;
  min-inline-size: -webkit-fill-available;
}
.tds-shell-footer--is_sticky,
.tds-shell-masthead--is_sticky {
  position: -webkit-sticky;
  position: sticky;
}
.tds-shell-masthead--is_sticky {
  top: 0;
}
.tds-shell-footer--is_sticky {
  bottom: 0;
}
.tds-shell-footer {
  grid-area: tds-shell-footer;
}
.tds-shell-footer .tds-footer-nav {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tds-shell-content {
  grid-area: tds-shell-content;
  min-block-size: var(--tds-shell-content-height);
}
a {
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
a:where(:focus, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
:where(h1, h2) a:where(:focus, .tds--focus) {
  border-radius: var(--tds-size--half);
}
button.tds-link {
  display: inline;
  line-height: normal;
}
.tds-link {
  --tds-link--icon-margin: calc((var(--tds-icon--size) + var(--tds-size--half)) * -1);
  background-color: transparent;
  border: 0;
  box-shadow: 0 var(--tds-border-width--small) 0 0 currentColor;
  color: var(--tds-theme-foreground);
  cursor: pointer;
  font-family: var(--tds-font-family--combined);
  padding: 0;
  position: relative;
  text-align: initial;
  transition: box-shadow 0.33s var(--tds-bezier), color 0.33s ease;
}
.tds-link:is(:focus, .tds--focus) {
  border-radius: var(--tds-border-radius--outline-only);
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-link:is([disabled], .tds--disabled) {
  cursor: not-allowed;
  outline: none;
}
.tds-link--secondary {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-link--primary,
.tds-link--secondary {
  box-shadow: 0 0 0 0 transparent;
  font-weight: var(--tds-font-weight--medium, 500);
}
.tds-link--primary {
  color: var(--tds-theme-foreground-primary);
}
.tds-link--vertical {
  -webkit-padding-start: var(--tds-size--half);
  box-shadow: 0 0 0 0 transparent;
  padding-inline-start: var(--tds-size--half);
}
@media (hover: hover) {
  .tds-link:is(:hover, .tds--hover):not(.tds-link--primary, .tds-link--vertical):not([disabled], .tds--disabled) {
    box-shadow: 0 var(--tds-border-width--medium) 0 0 currentColor;
    color: var(--tds-theme-foreground-high-contrast);
  }
  .tds-link--primary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    box-shadow: 0 0 0 0 transparent;
    color: var(--tds-theme-primary-highlight);
  }
  .tds-link--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    color: var(--tds-theme-foreground);
  }
  .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    box-shadow: -4px 0 0 0 currentColor;
  }
  [dir='rtl'] .tds-link--vertical:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
    box-shadow: 4px 0 0 0 currentColor;
  }
}
.tds-link--icon-leading {
  -webkit-margin-start: 28px;
  margin-inline-start: 28px;
}
.tds-link--icon-trailing {
  -webkit-margin-end: 28px;
  margin-inline-end: 28px;
}
:is(.tds-link, .tds-link--icon-leading, .tds-link--icon-trailing) > :is(.tds-icon--inline, .tds-icon) {
  position: absolute;
  top: -4px;
}
.tds-link--icon-leading > .tds-icon,
.tds-link > .tds-icon--inline:first-child {
  left: var(--tds-link--icon-margin);
}
.tds-link--icon-trailing > .tds-icon,
.tds-link > .tds-icon--inline:last-child {
  right: var(--tds-link--icon-margin);
}
[dir='rtl'] .tds-link--icon-leading > .tds-icon,
[dir='rtl'] .tds-link > .tds-icon--inline:first-child {
  left: unset;
  right: var(--tds-link--icon-margin);
}
[dir='rtl'] .tds-link--icon-trailing > .tds-icon,
[dir='rtl'] .tds-link > .tds-icon--inline:last-child {
  left: var(--tds-link--icon-margin);
  right: unset;
}
.tds-list {
  --tds-list--separator-color: var(--tds-color--secondary-accent);
  --tds-list--timeline-color: var(--tds-theme-foreground);
  --tds-list-item--margin-block: var(--tds-size--1x);
  --tds-list-item--padding-inline: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tds-list + p,
p + .tds-list {
  -webkit-padding-before: 14px;
  padding-block-start: 14px;
}
.tds-list--ordered,
.tds-list--padded,
.tds-list--timeline,
.tds-list--unordered {
  --tds-list-item--padding-inline: var(--tds-size--half);
  -webkit-padding-start: var(--tds-size--3x);
  padding-inline-start: var(--tds-size--3x);
}
.tds-list--ordered {
  list-style-type: decimal;
}
.tds-list--unordered {
  list-style-type: disc;
}
.tds-list--align-end {
  list-style-type: none;
  text-align: end;
}
.tds-list--borders {
  --tds-list-item--margin-block: var(--tds-size--2x);
}
.tds-list--small-borders {
  --tds-list-item--margin-block: var(--tds-size--3x);
}
.tds-list--timeline {
  --tds-list-item--margin-block: var(--tds-size--2x);
  --tds-list-item--padding-inline: 12px;
}
.tds--vertical-rhythm .tds-list > .tds-list {
  --tds-spacer-top: 0;
}
.tds-list--light {
  --tds-list--timeline-color: var(--tds-color--secondary-accent);
}
.tds-list--caption {
  --tds-list--timeline-color: var(--tds-theme-border);
  --tds-list-item--margin-block: var(--tds-size--half);
  font-size: 12px;
}
.tds-list > :is(li, dd) {
  -webkit-padding-end: var(--tds-list-item--padding-inline);
  -webkit-padding-start: var(--tds-list-item--padding-inline);
  padding-inline-end: var(--tds-list-item--padding-inline);
  padding-inline-start: var(--tds-list-item--padding-inline);
  position: relative;
}
.tds-list--horizontal > li {
  display: inline-block;
}
:is(.tds-list--light, .tds-list--caption) > li {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-list > :is(li, dd):not(:last-of-type) {
  -webkit-margin-after: var(--tds-list-item--margin-block);
  margin-block-end: var(--tds-list-item--margin-block);
}
@media (min-width: 600px) {
  .tds-list--horizontal > li:not(:last-of-type) {
    -webkit-margin-after: 0;
    -webkit-margin-end: calc(var(--tds-list-item--margin-block) + 0.5em);
    margin-block-end: 0;
    margin-inline-end: calc(var(--tds-list-item--margin-block) + 0.5em);
  }
}
.tds-list > li > .tds-icon:first-child {
  --tds-icon--list-inset: calc(var(--tds-size--3x) / 2 * -1 - var(--tds-icon--size) / 2 - 1px);
  background-color: var(--tds-theme-background, var(--tds-theme-foreground-on-primary));
  left: var(--tds-icon--list-inset);
  position: absolute;
  top: calc(var(--tds-size--1x) + 2px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 1;
}
[dir='rtl'] .tds-list > li > .tds-icon:first-child {
  left: auto;
  right: var(--tds-icon--list-inset);
}
.tds-list--borders > li:before,
.tds-list--small-borders > li:before,
.tds-list > li.tds-list-item--separated:before {
  background-color: var(--tds-list--separator-color);
  block-size: 1px;
  content: '';
  display: block;
}
.tds-list--borders > li:before {
  -webkit-margin-after: var(--tds-list-item--margin-block);
  margin-block-end: var(--tds-list-item--margin-block);
}
.tds-list--small-borders > li:before {
  -webkit-margin-after: calc(var(--tds-list-item--margin-block) / 2);
  margin-block-end: calc(var(--tds-list-item--margin-block) / 2);
  max-inline-size: var(--tds-size--4x);
}
.tds-list > li.tds-list-item--separated:before {
  -webkit-margin-after: var(--tds-list-item--margin-block);
  margin-block-end: var(--tds-list-item--margin-block);
}
.tds-list--timeline > li:before,
.tds-list--timeline > li:not(:last-of-type):after {
  background-color: currentColor;
  content: '';
  left: -14px;
  position: absolute;
  top: 0.5em;
}
.tds-list--timeline > li:before {
  -webkit-margin-start: -3px;
  block-size: var(--tds-size--1x);
  border-radius: var(--tds-size--1x);
  inline-size: var(--tds-size--1x);
  margin-inline-start: -3px;
}
.tds-list--timeline > li:not(:last-of-type):after {
  block-size: calc(100% + var(--tds-list-item--margin-block));
  display: block;
  inline-size: 2px;
}
[dir='rtl'] .tds-list--timeline > li:before,
[dir='rtl'] .tds-list--timeline > li:not(:last-of-type):after {
  left: auto;
  right: -14px;
}
.tds-listbox {
  --tds-listbox--padding-block: var(--tds-size--2x);
  border-radius: var(--tds-border-radius--outline-only);
  max-block-size: 300px;
  overflow-y: auto;
  scroll-behavior: auto;
}
.tds-dropdown.tds-tooltip > .tds-listbox {
  padding: var(--tds-listbox--padding-block) 0;
}
.tds-listbox-search {
  -webkit-border-after: 1px solid var(--tds-theme-background-container-alt);
  border-block-end: 1px solid var(--tds-theme-background-container-alt);
  padding: var(--tds-size--half) var(--tds-size--2x);
}
.tds-tooltip > .tds-listbox-search:first-child {
  -webkit-padding-before: var(--tds-size--half);
  padding-block-start: var(--tds-size--half);
}
.tds-tooltip > .tds-listbox-search .tds-form-input:focus-within {
  outline: none;
}
.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:focus-within {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-form-input .tds-dropdown.tds-tooltip:has(.tds-form-input-search:focus) {
  outline: var(--tds-outline--focus);
}
.tds-listbox-option {
  --tds-form--indent: 20px;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  inline-size: 100%;
  justify-content: space-between;
  margin: 0;
  max-inline-size: 100%;
  min-block-size: var(--tds-size--4x);
  outline-offset: -2px;
  padding: var(--tds-size--half) var(--tds-form--indent);
  text-align: start;
  transition: background-color 0.3s ease;
}
.tds-listbox-option:is(.tds--disabled, [aria-disabled='true']) {
  cursor: not-allowed;
}
.tds-density--dense .tds-listbox-option,
.tds-density--dense.tds-listbox-option {
  --tds-form--indent: var(--tds-size--2x);
}
[aria-multiselectable='true'] .tds-listbox-option {
  justify-content: flex-start;
}
.tds-listbox-option:focus {
  outline: none;
}
.tds-listbox-option:is(:focus-visible, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-listbox-option:is(:focus, .tds--focus) {
  border-radius: var(--tds-size--half);
  outline: var(--tds-outline--focus);
}
.tds-listbox-option:is(:hover, .tds--hover):not(.tds--disabled, [aria-disabled='true']) {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-listbox-option.tds--selected {
  background-color: var(--tds-theme-background-container-alt-highlight);
}
.tds-listbox-option .tds-icon {
  color: transparent;
  position: relative;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, transform 0.3s ease;
  transition: color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.tds--selected .tds-icon {
  color: currentColor;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tds-singleselect-icon {
  -webkit-margin-start: var(--tds-size--1x);
  margin-inline-start: var(--tds-size--1x);
  top: 0;
}
.tds-multiselect-box {
  -webkit-margin-end: 12px;
  block-size: calc(var(--tds-size--2x) + 2px);
  border: 1px solid var(--tds-theme-border);
  border-radius: var(--tds-size--half);
  display: inline-block;
  inline-size: calc(var(--tds-size--2x) + 2px);
  margin-inline-end: 12px;
  transition: border-color 0.3s ease;
}
.tds--selected .tds-multiselect-box {
  border-color: var(--tds-theme-foreground-high-contrast);
}
.tds-loader {
  background-color: var(--tds-color--scrim--semitransparent);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.5s ease;
  z-index: 1010;
}
.tds-loader--show {
  opacity: 1;
  pointer-events: inherit;
}
.tds-loader .tds-icon {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.tds-loader .tds-icon-loader {
  --tds-icon--size: var(--tds-size--6x);
  -webkit-animation: var(--tds--rotating);
  animation: var(--tds--rotating);
  opacity: var(--tds-ui-opacity-70);
}
.tds-loader .tds-icon-logo {
  -webkit-animation: var(--tds--pulsing);
  animation: var(--tds--pulsing);
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-locale-selector {
  display: flex;
  inline-size: 100%;
  justify-content: center;
  max-inline-size: 1260px;
  padding: 0 var(--tds-size--2x);
}
.tds-locale-selector--narrow {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
.tds-locale-selector-trigger {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  transition: background-color 0.33s ease;
}
.tds-locale-selector-column {
  inline-size: 100%;
  margin: 0 auto;
  max-inline-size: 700px;
}
.tds-locale-selector-superregion {
  padding: 0 12px var(--tds-size--3x);
}
.tds-locale-selector-region {
  -webkit-margin-end: -12px;
  -webkit-margin-start: -12px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: var(--tds-size--2x);
  column-gap: var(--tds-size--2x);
  margin-inline-end: -12px;
  margin-inline-start: -12px;
}
.tds-locale-selector--narrow .tds-locale-selector-region {
  -webkit-column-count: 1;
  column-count: 1;
}
.tds-locale-selector-region-name {
  -webkit-padding-after: 12px;
  -webkit-padding-before: var(--tds-size--2x);
  padding-block-end: 12px;
  padding-block-start: var(--tds-size--2x);
}
.tds-locale-selector--narrow
  .tds-locale-selector-column:first-child
  .tds-locale-selector-superregion:first-child
  > .tds-locale-selector-region-name {
  -webkit-padding-before: 0;
  padding-block-start: 0;
}
.tds-locale-selector-country {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  flex-flow: row wrap;
  transition: background-color 0.33s ease;
}
.tds-locale-selector-country:not(:last-child) {
  -webkit-margin-after: var(--tds-size--half);
  margin-block-end: var(--tds-size--half);
}
.tds-card.tds-locale-selector-country,
.tds-card.tds-locale-selector-trigger {
  background-color: transparent;
  border-radius: var(--tds-border-radius--card);
}
.tds-card.tds-locale-selector-country,
.tds-card.tds-locale-selector-trigger .tds-card-body {
  padding: var(--tds-size--1x) 12px;
}
.tds-card.tds-locale-selector-trigger .tds-card-body {
  -webkit-padding-start: var(--tds-size--1x);
  padding-inline-start: var(--tds-size--1x);
}
.tds-card.tds-locale-selector-trigger .tds-icon {
  -webkit-margin-before: calc(var(--tds-size--1x) - 2px);
  -webkit-margin-start: 12px;
  margin-block-start: calc(var(--tds-size--1x) - 2px);
  margin-inline-start: 12px;
}
.tds-locale-selector-trigger:focus {
  outline: none;
}
.tds--indicate-focus .tds-locale-selector-trigger:focus {
  outline: var(--tds-outline--focus);
}
@media (hover: hover) {
  .tds-card.tds-locale-selector-country:hover,
  .tds-card.tds-locale-selector-trigger:hover {
    background-color: var(--tds-theme-background-container);
  }
}
.tds-card.tds-locale-selector-country--selected {
  background-color: var(--tds-theme-background-container);
}
.tds-locale-selector-language {
  -webkit-margin-before: 2px;
  font-size: 12px;
  margin-block-start: 2px;
}
.tds-locale-selector-language:not(:last-child) {
  -webkit-margin-end: var(--tds-size--2x);
  margin-inline-end: var(--tds-size--2x);
}
.tds-locale-selector-language--selected {
  color: var(--tds-theme-foreground-high-contrast);
  pointer-events: none;
}
@media (max-width: 1240px) {
  .tds-locale-selector {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (max-width: 599px) {
  .tds-locale-selector-region {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .tds-locale-selector-column:first-child
    .tds-locale-selector-superregion:first-child
    > tds-locale-selector-region-name {
    -webkit-padding-before: 0;
    padding-block-start: 0;
  }
}
.tds-card.tds-locale-selector-country .tds-text--h6 {
  inline-size: 100%;
}
.tds-card.tds-locale-selector-country > .tds-list {
  margin: 0;
}
.tds-media-player {
  --tds-media-player--color: var(--tds-color-white, #fff);
  visibility: hidden;
}
.tds-media-player.ready {
  visibility: visible;
}
.tds-media-player .tds-form-label {
  padding: 0;
}
.tds-media-player-range {
  --tds-form-item--grid-template-areas: 'label input';
  align-items: center;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-template-rows: unset;
}
.tds-media-player-range .tds-form-label-wrap {
  --tds-form-label--color: var(--tds-media-player--color, #fff);
  -webkit-padding-end: 12px;
  -webkit-padding-start: 0;
  padding-inline-end: 12px;
  padding-inline-start: 0;
}
.tds-media-player .tds-icon {
  --tds-icon--size: 28px;
  fill: var(--tds-media-player--color, #fff);
}
.tds-media-player .tds-icon > g {
  display: none;
}
.tds-media-player [aria-pressed='false'] .tds-icon > g:first-of-type,
.tds-media-player [aria-pressed='true'] .tds-icon.tds-icon-speaker--low > g:not(:first-of-type, :last-of-type),
.tds-media-player [aria-pressed='true'] .tds-icon:not(.tds-icon-speaker) > g:last-of-type {
  display: initial;
}
.tds-media-player [aria-pressed='true'] .tds-icon.tds-icon-speaker--high > g:is(:last-of-type) {
  display: initial;
}
.tds-modal--is-open {
  overflow: hidden;
}
.tds-modal {
  --tds-modal-border-radius: var(--tds-size--1x);
  -ms-scroll-chaining: none;
  background-color: var(--tds-theme-background-dialog);
  block-size: var(--tds-modal--height);
  border: none;
  border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
  bottom: 0;
  box-shadow: var(--tds-box-shadow--large-reverse);
  color: var(--tds-theme-foreground);
  display: flex;
  flex-direction: column;
  inline-size: var(--tds-modal--width);
  left: 0;
  max-block-size: calc(100% - var(--tds-size--3x));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
}
.tds-modal img {
  display: block;
  min-inline-size: 100%;
}
.tds-modal--fullscreen,
.tds-modal--sheet-left,
.tds-modal--sheet-right {
  --tds-modal--height: 100%;
  --tds-modal--height: 100dvh;
  border-radius: 0;
  bottom: 0;
  max-block-size: var(--tds-modal--height);
  min-block-size: var(--tds-modal--height);
  top: 0;
}
.tds-modal--fullscreen {
  --tds-modal--width: 100vw;
  max-inline-size: 100vw;
}
.tds-modal--sheet-left,
.tds-modal--sheet-right {
  --tds-modal--width: 414px;
  max-inline-size: calc(100vw - var(--tds-size--6x));
}
.tds-modal--sheet-small {
  --tds-modal--width: 311px;
}
.tds-modal--sheet-left,
[dir='rtl'] .tds-modal--sheet-right {
  left: 0;
  right: auto;
}
.tds-modal--sheet-right,
[dir='rtl'] .tds-modal--sheet-left {
  left: auto;
  right: 0;
}
.tds-modal:not([open]) {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s var(--tds-bezier), visibility 0s 0.5s, -webkit-transform 0.5s var(--tds-bezier);
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0.5s;
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0.5s,
    -webkit-transform 0.5s var(--tds-bezier);
  visibility: hidden;
}
.tds-modal--fullscreen:not([open]),
.tds-modal:not([open]) {
  -webkit-transform: translateX(0) translateY(50%);
  transform: translateX(0) translateY(50%);
}
.tds-modal--sheet-left:not([open]),
[dir='rtl'] .tds-modal--sheet-right:not([open]) {
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
.tds-modal--sheet-right:not([open]),
[dir='rtl'] .tds-modal--sheet-left:not([open]) {
  -webkit-transform: translateX(50%) translateY(0);
  transform: translateX(50%) translateY(0);
}
.tds-modal[open] {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  transition: opacity 0.5s var(--tds-bezier), visibility 0s 0s, -webkit-transform 0.5s var(--tds-bezier);
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0s;
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0s,
    -webkit-transform 0.5s var(--tds-bezier);
  visibility: inherit;
}
@media (max-width: 599px) {
  .tds-component-preview,
  :root {
    --tds-modal--height: auto;
    --tds-modal--width: 100vw;
  }
  .tds-modal {
    min-block-size: 25vh;
  }
}
@media (min-width: 600px) {
  .tds-component-preview,
  :root {
    --tds-modal--height: auto;
    --tds-modal--width: 772px;
  }
  .tds-modal {
    --tds-modal-border-radius: var(--tds-size--2x);
    border-radius: var(--tds-modal-border-radius);
    bottom: 50%;
    box-shadow: var(--tds-box-shadow--large);
    margin: auto;
    max-block-size: calc(100% - var(--tds-size--12x));
    max-inline-size: calc(100vw - var(--tds-size--12x));
    min-block-size: var(--tds-size--8x);
  }
  .tds-modal--fullscreen,
  .tds-modal--sheet-left,
  .tds-modal--sheet-right {
    border-radius: 0;
    bottom: 0;
    max-block-size: 100vh;
  }
  .tds-modal--fullscreen {
    max-inline-size: 100vw;
  }
  .tds-modal:not([open]) {
    -webkit-transform: translateX(0) translateY(100%);
    transform: translateX(0) translateY(100%);
  }
  .tds-modal--sheet-left:not([open]),
  [dir='rtl'] .tds-modal--sheet-right:not([open]) {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
  .tds-modal--sheet-right:not([open]),
  [dir='rtl'] .tds-modal--sheet-left:not([open]) {
    -webkit-transform: translateX(50%) translateY(0);
    transform: translateX(50%) translateY(0);
  }
  .tds-modal[open] {
    -webkit-transform: translateX(0) translateY(50%);
    transform: translateX(0) translateY(50%);
  }
  .tds-modal--fullscreen[open],
  .tds-modal--sheet-left[open],
  .tds-modal--sheet-right[open] {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
}
dialog.tds-modal::-webkit-backdrop {
  display: none !important;
}
dialog.tds-modal::backdrop {
  display: none !important;
}
.tds-component-preview,
:root {
  --tds-modal-backdrop--rgb: 0, 0, 0;
}
.tds-modal-backdrop {
  background-color: rgba(var(--tds-modal-backdrop--rgb), var(--tds-modal-backdrop--opacity));
  block-size: 120vh;
  inline-size: 120vw;
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: background-color 0.5s ease, -webkit-backdrop-filter 0.5s ease;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease;
  transition: background-color 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease;
  z-index: 999;
}
.tds-modal:not([open]) + .tds-modal-backdrop {
  --tds-modal-backdrop--opacity: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  pointer-events: none;
}
.tds-modal[open] + .tds-modal-backdrop {
  --tds-modal-backdrop--opacity: 0.3;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  pointer-events: inherit;
}
.tds-modal-header {
  -webkit-padding-start: var(--tds-size--3x);
  align-items: flex-start;
  background-color: var(--tds-theme-background-dialog);
  box-shadow: 0 -2px 0 0 var(--tds-theme-background-dialog);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: var(--tds-size--2x);
  padding-inline-start: var(--tds-size--3x);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.tds-modal-close {
  -webkit-appearance: none;
  appearance: none;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: transparent;
  border: none;
  border-radius: var(--tds-border-radius--pill);
  cursor: pointer;
  outline: none;
  padding: var(--tds-size--1x);
  transition: background-color 0.33s ease;
  z-index: 10;
}
[dir='rtl'] .tds-modal-close {
  left: 0;
  right: auto;
}
.tds-modal-close:hover {
  background-color: var(--tds-theme-background-container-alt);
}
.tds-modal-close:focus {
  outline: none;
}
.tds-modal-close:focus-visible {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds--indicate-focus .tds-modal-close:focus {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-modal-close--over-image:hover {
  background-color: rgba(var(--tds-color--rgb-shade), 0.16);
}
.tds-modal-close--over-image .tds-modal-close-icon {
  color: var(--tds-theme-foreground-on-primary);
}
.tds-modal-header > :is(h1, h2, h3) {
  -webkit-padding-after: 0;
  padding-block-end: 0;
  transition: padding 0.33s var(--tds-bezier), font-size 0.33s var(--tds-bezier), line-height 0.33s var(--tds-bezier);
}
.tds-modal-footer {
  background-color: var(--tds-theme-background-dialog);
  bottom: calc(var(--tds-size--3x) * -1);
  padding: var(--tds-size--3x) var(--tds-size--3x) var(--tds-size--6x);
  position: -webkit-sticky;
  position: sticky;
  transition: padding 0.33s var(--tds-bezier);
  z-index: 11;
}
.tds-modal--scrolling .tds-modal-header > :is(h1, h2, h3) {
  -webkit-padding-before: var(--tds-size--1x);
  font-size: var(--tds-font-size--40);
  line-height: var(--tds-line-height--50);
  padding-block-start: var(--tds-size--1x);
}
.tds-modal-content {
  padding: 0 var(--tds-size--3x) var(--tds-size--6x);
}
.tds-modal-header + .tds-modal-content {
  -webkit-padding-before: var(--tds-size--half);
  padding-block-start: var(--tds-size--half);
}
.tds-modal-content:not(:last-child) {
  -webkit-padding-after: 0;
  padding-block-end: 0;
}
.tds-modal-overflow--visible {
  overflow-y: visible;
}
.tds-modal-overflow--visible .tds-modal-header {
  border-radius: var(--tds-modal-border-radius) var(--tds-modal-border-radius) 0 0;
  position: unset;
}
.tds-modal-overflow--visible .tds-modal-footer {
  border-radius: 0 0 var(--tds-modal-border-radius) var(--tds-modal-border-radius);
  position: unset;
}
@media (min-width: 600px) {
  .tds-modal-content,
  .tds-modal-footer,
  .tds-modal-header {
    -webkit-padding-start: var(--tds-size--6x);
    padding-inline-start: var(--tds-size--6x);
  }
  .tds-modal-content,
  .tds-modal-footer {
    -webkit-padding-end: var(--tds-size--6x);
    padding-inline-end: var(--tds-size--6x);
  }
  .tds-modal--sheet-small .tds-modal-content,
  .tds-modal--sheet-small .tds-modal-footer {
    -webkit-padding-start: var(--tds-size--4x);
    -webkit-padding-end: var(--tds-size--4x);
    padding-inline-end: var(--tds-size--4x);
    padding-inline-start: var(--tds-size--4x);
  }
}
.tds-density--default,
.tds-page-layout--medium-space,
:root {
  --tds-page-layout--footer-start-space: var(--tds-size--12x);
  --tds-page-layout--title-end-space: var(--tds-size--4x);
  --tds-page-layout--title-start-space: var(--tds-size--6x);
  --tds-page-layout--title-top-slot-space: var(--tds-size--1x);
}
.tds-page-layout--large-space {
  --tds-page-layout--footer-start-space: 128px;
  --tds-page-layout--title-end-space: var(--tds-size--6x);
  --tds-page-layout--title-start-space: var(--tds-size--8x);
}
.tds-density--dense,
.tds-page-layout--small-space {
  --tds-page-layout--footer-start-space: var(--tds-size--8x);
  --tds-page-layout--title-end-space: var(--tds-size--3x);
  --tds-page-layout--title-start-space: var(--tds-size--4x);
  --tds-page-layout--title-top-slot-space: var(--tds-size--half);
}
.tds-page-layout {
  grid-gap: 0 var(--tds-size--3x);
  -webkit-margin-after: var(--tds-page-layout--footer-start-space);
  -webkit-padding-end: var(--tds-content_container--gutter);
  -webkit-padding-start: var(--tds-content_container--gutter);
  display: grid;
  grid-template-areas: 'title title' 'open open' 'main main' 'aside aside';
  grid-template-columns: repeat(2, 1fr);
  margin-block-end: var(--tds-page-layout--footer-start-space);
  padding-inline-end: var(--tds-content_container--gutter);
  padding-inline-start: var(--tds-content_container--gutter);
}
.tds-content_container .tds-page-layout {
  -webkit-padding-end: 0;
  -webkit-padding-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.tds-page-aside {
  grid-area: aside;
}
.tds-page-open {
  grid-area: open;
}
.tds-page-title {
  -webkit-margin-after: var(--tds-page-layout--title-end-space);
  display: grid;
  grid-area: title;
  grid-template: 'top' 'text' 'bottom' 'trailing';
  grid-template-rows: minmax(var(--tds-page-layout--title-start-space), -webkit-max-content) auto auto auto;
  grid-template-rows: minmax(var(--tds-page-layout--title-start-space), max-content) auto auto auto;
  margin-block-end: var(--tds-page-layout--title-end-space);
}
.tds-page-title-top {
  -webkit-padding-after: var(--tds-page-layout--title-top-slot-space);
  -webkit-padding-before: var(--tds-page-layout--title-top-slot-space);
  align-items: flex-end;
  display: flex;
  grid-area: top;
  padding-block-end: var(--tds-page-layout--title-top-slot-space);
  padding-block-start: var(--tds-page-layout--title-top-slot-space);
}
.tds-page-title-text {
  grid-area: text;
}
h1.tds-page-title-text {
  -webkit-padding-after: 0;
  -webkit-padding-before: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.tds-page-title-trailing {
  -webkit-margin-before: var(--tds-size--2x);
  align-self: center;
  grid-area: trailing;
  margin-block-start: var(--tds-size--2x);
}
.tds-page-title-bottom {
  -webkit-padding-before: var(--tds-size--2x);
  grid-area: bottom;
  padding-block-start: var(--tds-size--2x);
}
.tds-page-title-bottom .tds-status_msg,
.tds-page-title-trailing .tds-btn_group {
  margin: 0;
}
@media (min-width: 600px) {
  .tds-page-layout--narrow-main {
    grid-template-areas: '. title title title title title title title title title title .' '. main main main main main main main main main main .';
    grid-template-columns: repeat(12, 1fr);
  }
  .tds-page-layout--content-level-aside {
    grid-template-areas: 'title title title title title title title title title title title title' 'aside aside aside open open open open open open open open open' 'aside aside aside main main main main main main main main main';
    grid-template-columns: repeat(12, 1fr);
  }
  .tds-page-layout--top-level-aside {
    grid-template-areas: 'aside aside aside title title title title title title title title title' 'aside aside aside open open open open open open open open open' 'aside aside aside main main main main main main main main main';
    grid-template-columns: repeat(12, 1fr);
  }
  .tds-page-title {
    grid-template-areas: 'top .' 'text trailing' 'bottom .';
    grid-template-rows: minmax(var(--tds-page-layout--title-start-space), -webkit-max-content) auto auto;
    grid-template-rows: minmax(var(--tds-page-layout--title-start-space), max-content) auto auto;
  }
  .tds-page-title-trailing {
    -webkit-margin-before: 0;
    -webkit-margin-start: var(--tds-size--3x);
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-block-start: 0;
    margin-inline-start: var(--tds-size--3x);
  }
}
@media (min-width: 1200px) {
  .tds-page-layout--narrow-main {
    grid-template-areas: '. . title title title title title title title title . .' '. . main main main main main main main main . .';
    grid-template-columns: repeat(12, 1fr);
  }
  .tds-page-layout--content-level-aside.tds-page-layout--narrow-main {
    grid-template-areas: 'title title title title title title title title title title title title' 'aside aside aside main main main main main main open open open';
    grid-template-columns: repeat(12, 1fr);
  }
  .tds-page-layout--top-level-aside.tds-page-layout--narrow-main {
    grid-template-areas: 'aside aside aside title title title title title title title title title' 'aside aside aside main main main main main main open open open';
    grid-template-columns: repeat(12, 1fr);
  }
}
.tds-page-main {
  grid-area: main;
}
.tds-page-layout--top-level-aside .tds-page-aside {
  -webkit-margin-before: var(--tds-page-layout--title-start-space);
  margin-block-start: var(--tds-page-layout--title-start-space);
}
.tds-pagination {
  --pagination-primary--display: initial;
  --pagination-primary-select--margin-horiz: var(--tds-size--1x);
  --pagination-secondary--display: none;
  text-align: center;
}
.tds-pagination,
.tds-pagination-navigation {
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family--combined);
  font-weight: var(--tds-font-weight--medium);
}
.tds-pagination-navigation {
  line-height: normal;
}
.tds-pagination-navigation[aria-disabled='true'] {
  box-shadow: 0 0 0 transparent;
  cursor: not-allowed;
  opacity: var(--tds-ui-opacity-50);
  pointer-events: none;
}
.tds-pagination select {
  background-color: transparent;
  border: 0;
  border-radius: var(--tds-border-radius--outline-only);
  color: var(--tds-theme-foreground);
  margin: auto;
}
@media (max-width: 599px) {
  .tds-pagination-primary > select {
    display: block;
    margin: var(--tds-size--1x) auto;
  }
}
.tds-pagination .tds-pagination-current {
  display: inline-block;
  position: relative;
}
.tds-pagination-primary .tds-pagination-current {
  margin: 0 var(--tds-size--1x);
}
.tds-pagination .tds-pagination-current select {
  -webkit-padding-end: var(--tds-size--3x);
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: var(--tds-size--3x);
  position: relative;
}
.tds-pagination-primary .tds-pagination-current select {
  -webkit-padding-start: var(--tds-size--1x);
  padding-inline-start: var(--tds-size--1x);
}
.tds-pagination-secondary .tds-pagination-current select {
  -webkit-padding-start: var(--tds-size--half);
  padding-inline-start: var(--tds-size--half);
}
.tds-pagination .tds-pagination-current select:focus {
  outline: var(--tds-outline--focus);
}
.tds-pagination-primary .tds-pagination-current select:focus {
  outline-offset: 2px;
}
.tds-pagination .tds-pagination-current select + .tds-icon {
  pointer-events: none;
  position: absolute;
  right: var(--tds-size--half);
  top: calc(50% - 5px);
  z-index: 0;
}
@media (max-width: 599px) {
  .tds-pagination select {
    font-size: var(--tds-size--2x);
  }
}
@media (min-width: 600px) {
  .tds-pagination-primary .tds-pagination-current,
  .tds-pagination-primary > select {
    margin: 0 var(--tds-size--2x);
  }
}
.tds-pagination-primary {
  display: var(--pagination-primary--display);
  justify-content: space-around;
}
.tds-pagination-secondary {
  display: var(--pagination-secondary--display);
  inline-size: -webkit-max-content;
  inline-size: max-content;
  white-space: nowrap;
}
.tds-pagination-secondary--value {
  color: var(--tds-theme-foreground);
}
.tds-pagination-navigation + .tds-pagination-navigation {
  -webkit-margin-start: var(--tds-size--3x);
  margin-inline-start: var(--tds-size--3x);
  position: relative;
}
.tds-pagination-navigation + .tds-pagination-navigation:before {
  background-color: var(--tds-theme-foreground-high-contrast);
  block-size: 100%;
  content: '';
  display: block;
  inline-size: 1px;
  left: -14px;
  position: absolute;
  top: 0;
}
[dir='rtl'] .tds-pagination-navigation + .tds-pagination-navigation:before {
  left: auto;
  right: -14px;
}
@media (min-width: 900px) {
  .tds-pagination {
    --pagination-primary-select--margin-horiz: var(--tds-size--2x);
    display: flex;
    justify-content: space-between;
  }
  .tds-pagination-primary {
    --pagination-primary--display: initial;
    inline-size: 100%;
  }
  .tds-pagination-secondary {
    --pagination-secondary--display: initial;
  }
  .tds-pagination-secondary label {
    color: var(--tds-theme-foreground);
  }
  .tds-pagination .tds-pagination-current select + .tds-icon {
    opacity: 1;
  }
}
.tds-density--dense .tds-pagination,
.tds-density--dense .tds-pagination p {
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--30);
}
@media (min-width: 900px) {
  .tds-density--dense .tds-pagination {
    --pagination-primary-select--margin-horiz: var(--tds-size--2x);
  }
}
.tds-pagination--show-numbers .tds-pagination-primary {
  --pagination-primary--display: flex;
  justify-content: center;
}
.tds-pagination--show-numbers .tds-pagination-current {
  line-height: 16px;
  margin: 0 var(--pagination-primary-select--margin-horiz);
}
.tds-pagination--show-numbers .tds-pagination-secondary .tds-pagination-current {
  margin: 0;
}
.tds-pagination--show-numbers .tds-pagination-navigation {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.tds-selector {
  --tds-selector-font-color--selected: var(--tds-color-white);
  grid-gap: var(--tds-size--1x) calc(var(--tds-size--1x) * 1.5);
  display: grid;
  grid-template-columns: repeat(var(--tds-column-count, auto-fill), var(--tds-column-width, minmax(200px, 1fr)));
  justify-items: stretch;
  padding: var(--tds-size--1x) 0 12px;
}
.tds-density--dense .tds-selector {
  --tds-height--pill: var(--tds-size--4x);
}
.tds-scrim--black:is(.tds-theme--replicant, .tds-theme--marketing) .tds-selector,
:is(.tds-theme--replicant, .tds-theme--marketing) .tds-scrim--black .tds-selector {
  --tds-selector-font-color--selected: var(--tds-color-grey-20);
}
.tds-selector--col4 {
  --tds-column-count: 4;
  --tds-column-width: minmax(max-content, 1fr);
}
.tds-selector-input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tds-selector-label {
  align-items: center;
  block-size: var(--tds-height--pill);
  border-radius: var(--tds-border-radius--pill);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0 calc(var(--tds-size--1x) * 1.5);
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-selector-label:hover {
  background-color: var(--tds-theme-background-container);
}
.tds-selector-input:checked + .tds-selector-label {
  background-color: var(--tds-theme-primary);
  color: var(--tds-selector-font-color--selected);
  font-weight: var(--tds-font-weight--medium);
}
.tds-selector-input:checked + .tds-selector-label:hover {
  background-color: var(--tds-theme-primary-highlight);
}
.tds-selector-input:focus-visible + .tds-selector-label {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-selector-input:focus + .tds-selector-label {
  outline: var(--tds-outline--focus);
}
.tds-stepper {
  --tds-stepper--stroke: calc(var(--tds-size--half) / 2);
  --tds-stepper--circle-stroke: calc(var(--tds-size--half) / 2);
  --tds-stepper--line-top: 0;
  --tds-stepper--line-left: calc(var(--tds-icon--size) / 2 - var(--tds-stepper--stroke) / 2);
  --tds-stepper--mask-color: var(--tds-theme-background, var(--tds-color-white));
  --tds-stepper--icon-color: var(--tds-theme-border);
  --tds-stepper--text-color: var(--tds-theme-foreground-low-contrast);
  --tds-stepper--line-mask-end: calc(50% + var(--tds-icon--size) / 2);
  --tds-stepper--list-item-height: var(--tds-icon--size);
  position: relative;
}
.tds-modal .tds-stepper {
  --tds-stepper--mask-color: var(--tds-theme-background-dialog, var(--tds-theme-background, var(--tds-color-white)));
}
.tds-stepper:before {
  background-color: var(--tds-color--tertiary-highlight);
  block-size: 100%;
  content: '';
  inline-size: var(--tds-stepper--stroke);
  left: var(--tds-stepper--line-left);
  position: absolute;
  top: var(--tds-stepper--line-top);
}
[dir='rtl'] .tds-stepper:before {
  right: var(--tds-stepper--line-left);
}
.tds-stepper-item,
.tds-stepper-item-action {
  align-items: start;
  border-radius: var(--tds-size--1x);
  color: var(--tds-stepper--icon-color);
  -webkit-column-gap: var(--tds-size--2x);
  column-gap: var(--tds-size--2x);
  display: grid;
  grid-template: 'circle text' -webkit-min-content/var(--tds-icon--size) -webkit-max-content;
  grid-template: 'circle text' min-content/var(--tds-icon--size) max-content;
  position: relative;
  text-align: start;
}
.tds-stepper-item:not(:first-of-type) {
  -webkit-margin-before: var(--tds-size--3x);
  margin-block-start: var(--tds-size--3x);
}
.tds-stepper-item-action {
  grid-area: circle/circle/text/text;
}
.tds--indicate-focus .tds-stepper-item-action:focus {
  outline: var(--tds-outline--focus);
  z-index: 1;
}
.tds-stepper-item .tds-icon {
  background-color: var(--tds-stepper--mask-color);
  grid-area: circle;
}
.tds-stepper-item-text {
  -webkit-padding-end: 3px;
  align-items: center;
  color: var(--tds-stepper--text-color);
  display: flex;
  grid-area: text;
  min-block-size: var(--tds-icon--size);
  padding-inline-end: 3px;
}
.tds-stepper-item--current {
  --tds-stepper--circle-stroke: var(--tds-size--half);
  --tds-stepper--icon-color: var(--tds-theme-foreground-low-contrast);
  --tds-stepper--text-color: var(--tds-theme-foreground-high-contrast);
}
.tds-stepper-item--complete {
  --tds-stepper--icon-color: var(--tds-color-green);
}
.tds-stepper-item--disabled {
  --tds-stepper--icon-color: var(--tds-color--tertiary-highlight);
  --tds-stepper--text-color: var(--tds-color--tertiary-highlight);
}
.tds-stepper-item--error {
  --tds-stepper--icon-color: var(--tds-theme-secondary-negative);
  --tds-stepper--text-color: var(--tds-theme-secondary-negative);
}
.tds-stepper-item-action:before,
.tds-stepper-item:before {
  background-color: var(--tds-stepper--mask-color);
  block-size: var(--tds-size--2x);
  border: var(--tds-size--half) solid var(--tds-stepper--mask-color);
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--tds-stepper--circle-stroke) currentColor;
  box-sizing: unset;
  content: '';
  grid-area: circle;
  inline-size: var(--tds-size--2x);
}
@media (min-width: 600px) {
  .tds-stepper:not(.tds-stepper--vertical) {
    --tds-stepper--icon-grid-area-height: calc(var(--tds-size--4x) - var(--tds-size--half));
    --tds-stepper--text-grid-area-height: min-content;
    --tds-stepper--line-top: calc(var(--tds-stepper--icon-grid-area-height) / 2 - var(--tds-stepper--stroke) / 2);
    --tds-stepper--line-left: 0;
    --tds-setpper-item--text-width: calc(var(--tds-size) * 12);
    display: inline-flex;
  }
  .tds-stepper.tds-stepper--width-full {
    display: flex;
  }
  .tds-stepper:not(.tds-stepper--vertical):before {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
  }
  .tds-stepper.tds-stepper--vertical:before {
    block-size: calc(100% - 2px);
  }
  .tds-stepper--width-full .tds-stepper-item {
    flex-basis: 0;
    flex-grow: 1;
  }
  .tds-stepper:not(.tds-stepper--vertical) :is(.tds-stepper-item, .tds-stepper-item-action) {
    grid-template: 'circle' var(--tds-stepper--icon-grid-area-height) 'text' var(--tds-stepper--text-grid-area-height) / minmax(
        -webkit-min-content,
        1fr
      );
    grid-template: 'circle' var(--tds-stepper--icon-grid-area-height) 'text' var(--tds-stepper--text-grid-area-height) / minmax(
        min-content,
        1fr
      );
    justify-items: center;
  }
  .tds-stepper.tds-stepper--vertical .tds-stepper-item-action {
    -webkit-column-gap: var(--tds-size--half);
    column-gap: var(--tds-size--half);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:not(:first-of-type) {
    -webkit-margin-before: unset;
    -webkit-margin-start: var(--tds-size--1x);
    margin-block-start: unset;
    margin-inline-start: var(--tds-size--1x);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:before {
    border-width: var(--tds-size--1x);
  }
  .tds-stepper.tds-stepper--vertical :is(.tds-stepper-item, .tds-stepper-item-action):before {
    -webkit-margin-before: 2px;
    margin-block-start: 2px;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:is(:first-of-type, :last-of-type):after {
    background-color: var(--tds-stepper--mask-color);
    block-size: calc(var(--tds-stepper--stroke) + 2px);
    content: '';
    inline-size: calc(50% - var(--tds-icon--size) / 2);
    position: absolute;
    top: calc(var(--tds-stepper--line-top) - 1px);
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type:after {
    left: 0;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type:after {
    left: var(--tds-stepper--line-mask-end);
  }
  [dir='rtl'] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:first-of-type:after {
    left: unset;
    right: 0;
  }
  [dir='rtl'] .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item:last-of-type:after {
    left: unset;
    right: var(--tds-stepper--line-mask-end);
  }
  .tds-stepper-item-text {
    -webkit-padding-after: var(--tds-size--half);
    -webkit-padding-before: var(--tds-size--half);
    max-inline-size: var(--tds-setpper-item--text-width);
    min-inline-size: var(--tds-setpper-item--text-width);
    overflow: hidden;
    overflow-wrap: break-word;
    padding-block-end: var(--tds-size--half);
    padding-block-start: var(--tds-size--half);
    transition: color 0.33s ease, background-color 0.33s ease;
  }
  .tds-stepper-item-action .tds-stepper-item-text {
    border-radius: var(--tds-border-radius--pill);
    padding: var(--tds-size--half) 12px;
  }
  .tds-stepper--width-full .tds-stepper-item-text,
  .tds-stepper--width-large .tds-stepper-item-text {
    --tds-setpper-item--text-width: calc(var(--tds-size) * 17);
  }
  .tds-stepper--width-full .tds-stepper-item-text {
    max-inline-size: unset;
  }
  .tds-stepper:not(.tds-stepper--vertical) .tds-stepper-item-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: center;
  }
  .tds-stepper-item:not(.tds-stepper-item--disabled) .tds-stepper-item-action:hover .tds-stepper-item-text {
    background-color: var(--tds-theme-background-container);
  }
  .tds-stepper-item:not(.tds-stepper-item--disabled):not(.tds-stepper-item--error)
    .tds-stepper-item-action:hover
    .tds-stepper-item-text {
    --tds-stepper--text-color: var(--tds-theme-foreground-high-contrast);
  }
}
.tds-sidenav {
  --tds-nav-item--color: var(--tds-theme-foreground-low-contrast);
  --tds-sidenav--content-buffer: var(--tds-size--3x);
  --tds-sidenav--item-padding-inline: var(--tds-size--2x);
  -webkit-margin-end: calc(var(--tds-sidenav--item-padding-inline) * -1);
  -webkit-margin-start: calc(var(--tds-sidenav--item-padding-inline) * -1);
  -webkit-padding-end: var(--tds-sidenav--content-buffer);
  inline-size: calc(100% + var(--tds-sidenav--item-padding-inline) * 2 + var(--tds-sidenav--content-buffer));
  margin-inline-end: calc(var(--tds-sidenav--item-padding-inline) * -1);
  margin-inline-start: calc(var(--tds-sidenav--item-padding-inline) * -1);
  padding-inline-end: var(--tds-sidenav--content-buffer);
}
.tds-sidenav--sticky {
  --tds-sidenav--scroll-buffer: var(--tds-size--3x);
  -webkit-margin-after: calc(var(--tds-sidenav--scroll-buffer) * -1);
  -webkit-margin-before: calc(var(--tds-sidenav--scroll-buffer) * -1);
  -webkit-padding-after: var(--tds-sidenav--scroll-buffer);
  -webkit-padding-before: var(--tds-sidenav--scroll-buffer);
  bottom: 0;
  margin-block-end: calc(var(--tds-sidenav--scroll-buffer) * -1);
  margin-block-start: calc(var(--tds-sidenav--scroll-buffer) * -1);
  max-block-size: 100vh;
  overflow-y: auto;
  padding-block-end: var(--tds-sidenav--scroll-buffer);
  padding-block-start: var(--tds-sidenav--scroll-buffer);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.tds-sidenav .tds-site-nav-items--vertical .tds-site-nav-item-text {
  -webkit-margin-end: var(--tds-size--1x);
  -webkit-margin-start: var(--tds-size--1x);
  margin-inline-end: var(--tds-size--1x);
  margin-inline-start: var(--tds-size--1x);
}
.tds-sidenav .tds-sidenav-group {
  display: none;
  font-size: var(--tds-font-size--20);
}
.tds-sidenav .tds-site-nav-items--vertical .tds-site-nav-item {
  block-size: var(--tds-size--5x);
}
.tds-sidenav .tds-site-nav-items--vertical .tds-sidenav-group .tds-site-nav-item {
  -webkit-padding-start: var(--tds-sidenav--item-padding-inline);
  block-size: var(--tds-size--4x);
  padding-inline-start: var(--tds-sidenav--item-padding-inline);
}
.tds-site-nav-item + .tds-sidenav-group {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}
.tds-sidenav .tds-site-nav-item.active {
  --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
}
.tds-sidenav .tds-site-nav-item .tds-icon:first-child {
  -webkit-margin-start: var(--tds-size--half);
  margin-inline-start: var(--tds-size--half);
}
.tds-sidenav .tds-site-nav-item .tds-icon:last-child {
  -webkit-margin-end: var(--tds-size--1x);
  margin-inline-end: var(--tds-size--1x);
}
.tds-sidenav .tds-site-nav-item.active .tds-icon:last-child {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.tds-site-nav-item.active + .tds-sidenav-group {
  display: block;
}
.tds-site-footer {
  font-size: var(--tds-font-size--20);
  inline-size: 100%;
}
.tds-site-footer--sticky {
  bottom: 0;
  position: -webkit-sticky;
  position: sticky;
}
.tds-footer-nav {
  inline-size: 100%;
}
.tds-footer-nav > ul {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.tds-site-footer--align_start .tds-footer-nav > ul {
  justify-content: flex-start;
}
.tds-footer-nav > ul > li {
  padding: var(--tds-size--half) 0;
}
.tds-footer-nav .tds-footer-item {
  color: var(--tds-theme-foreground-low-contrast);
  font-family: var(--tds-font-family--combined);
  font-weight: var(--tds-font-weight--medium);
}
.tds-footer-item .tds-link:not(.tds--disabled):not(.tds-link--primary) {
  box-shadow: none;
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-footer-item .tds-link:not(.tds--disabled):not(.tds-link--primary):hover {
  box-shadow: none;
}
@media (min-width: 600px) {
  .tds-footer-nav > ul {
    flex-flow: row wrap;
  }
  .tds-footer-nav > ul > li {
    -webkit-padding-before: var(--tds-size--1x);
    -webkit-padding-after: var(--tds-size--1x);
    padding-block-end: var(--tds-size--1x);
    padding-block-start: var(--tds-size--1x);
  }
  .tds-footer-nav > ul > li:first-child {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
  .tds-footer-nav > ul > li:last-child {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
}
.tds-component-preview,
:root {
  --tds-site-header--height: var(--tds-size--7x);
}
.tds-site-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
.tds-global-menu,
.tds-site-header {
  inline-size: 100%;
}
.tds-site-header--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.tds-site-header .tds-align--start {
  -webkit-padding-start: var(--tds-size--1x);
  justify-content: flex-start;
  padding-inline-start: var(--tds-size--1x);
}
.tds-site-header .tds-align--center {
  -webkit-padding-end: var(--tds-size--1x);
  -webkit-padding-start: var(--tds-size--1x);
  justify-content: center;
  padding-inline-end: var(--tds-size--1x);
  padding-inline-start: var(--tds-size--1x);
}
.tds-site-header .tds-align--end {
  -webkit-padding-end: var(--tds-size--1x);
  justify-content: flex-end;
  padding-inline-end: var(--tds-size--1x);
}
@media (min-width: 600px) {
  .tds-site-header .tds-align--start {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
  }
  .tds-site-header .tds-align--end {
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
  }
}
@media (min-width: 1200px) {
  .tds-site-header .tds-align--start {
    -webkit-padding-start: var(--tds-size--4x);
    flex-basis: 0;
    flex-grow: 1;
    padding-inline-start: var(--tds-size--4x);
  }
  .tds-site-header .tds-align--end {
    -webkit-padding-end: var(--tds-size--4x);
    flex-basis: 0;
    flex-grow: 1;
    padding-inline-end: var(--tds-size--4x);
  }
}
.tds-site-header-modal {
  -webkit-padding-after: var(--tds-size--6x);
  padding-block-end: var(--tds-size--6x);
}
.tds-site-header-modal .tds-modal-header {
  padding: 20px;
}
.tds-site-logo {
  align-items: center;
  display: flex;
}
h1.tds-site-logo {
  padding: 0;
  position: relative;
}
.tds-icon.tds-site-logo-icon path {
  transition: fill 0.33s ease;
}
.tds-site-header > .tds-site-logo {
  min-block-size: var(--tds-site-header--height);
}
.tds-site-logo-link {
  box-shadow: none;
  padding: 0 var(--tds-size--2x);
}
.tds-site-logo-link,
.tds-site-logo-link + .tds-site-app-title {
  align-items: center;
  display: inline-flex;
  min-block-size: var(--tds-size--4x);
}
.tds-site-logo-link + .tds-site-app-title {
  -webkit-margin-start: calc(var(--tds-size--1x) + 2px);
  font-size: var(--tds-font-size--20);
  letter-spacing: 0;
  line-height: var(--tds-line-height--20);
  margin-inline-start: calc(var(--tds-size--1x) + 2px);
  padding: 0 var(--tds-size--1x);
  position: relative;
}
.tds-site-logo-link + .tds-site-app-title:before {
  background-color: var(--tds-theme-foreground-high-contrast);
  block-size: var(--tds-line-height--20);
  content: '';
  display: block;
  inline-size: 1px;
  left: calc(var(--tds-size--2x) * -1);
  margin: 0 var(--tds-size--1x);
  position: absolute;
}
[dir='rtl'] .tds-site-logo-link + .tds-site-app-title:before {
  left: unset;
  right: calc(var(--tds-size--2x) * -1);
}
@media (min-width: 600px) {
  .tds-site-logo-link + .tds-site-app-title {
    font-size: var(--tds-font-size--30);
    line-height: var(--tds-line-height--30);
  }
  .tds-site-logo-link + .tds-site-app-title:before {
    block-size: var(--tds-line-height--30);
  }
}
.tds-skip-to-content {
  align-items: center;
  font-size: var(--tds-font-size--20);
  line-height: 1.414;
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--1x) var(--tds-size--2x);
  position: absolute;
  top: var(--tds-size--6x);
}
.tds-site-logo :focus {
  border-radius: 12px;
  outline: none;
}
.tds-site-logo :focus-visible {
  outline: var(--tds-outline--focus);
  outline-offset: 0;
}
.tds--indicate-focus .tds-site-logo :focus {
  outline: var(--tds-outline--focus);
  outline-offset: 0;
}
.tds-site-nav-item {
  --tds-nav-item--padding: var(--tds-size--1x);
  --tds-nav-item--width: auto;
  align-items: center;
  border-radius: var(--tds-border-radius--pill);
  color: var(--tds-nav-item--color);
  display: inline-flex;
  font-weight: var(--tds-font-weight--medium);
  inline-size: var(--tds-nav-item--width);
  min-block-size: var(--tds-size--4x);
  padding: var(--tds-size--half) var(--tds-size--1x);
  transition: color 0.33s ease, background-color 0.33s ease;
}
.tds-site-nav-items--vertical .tds-site-nav-item {
  inline-size: 100%;
}
.tds-site-nav-item.tds--highlighted {
  --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
  backdrop-filter: blur(var(--tds-blur--button));
  background-color: var(--tds-theme-background-container-alt);
}
@media (hover: hover) {
  .tds-site-nav-item:where(:not(.tds-site-nav-item--read-only)):hover {
    --tds-nav-item--color: var(--tds-theme-foreground-high-contrast);
    -webkit-backdrop-filter: blur(var(--tds-blur--button));
    backdrop-filter: blur(var(--tds-blur--button));
    background-color: var(--tds-theme-background-container-alt);
  }
  .tds-site-nav-item.tds--highlighted:where(:not(.tds-site-nav-item--read-only):not(.tds-animate--backdrop)):hover {
    background-color: var(--tds-theme-background-container-alt-highlight);
  }
}
.tds-site-nav-item:focus {
  outline: none;
}
.tds-site-nav-item:focus-visible {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-site-nav-item:focus {
  outline: var(--tds-outline--focus);
}
.tds-modal-header .tds-nav-back {
  background: none;
  font-size: 12px;
  margin: 4px 0;
  position: relative;
  top: 1px;
}
@media (max-width: 599px) {
  .tds-nav-menu {
    font-size: 12px;
    min-block-size: 28px;
    padding: 0 var(--tds-size--1x);
  }
}
.tds-site-nav-item.tds-animate--backdrop {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  background-color: transparent;
}
.tds-animate--backdrop-backdrop {
  -webkit-backdrop-filter: blur(var(--tds-blur--button));
  backdrop-filter: blur(var(--tds-blur--button));
  background-color: var(--tds-theme-background-container-alt);
  block-size: var(--tds-animate-backdrop-height, 1px);
  border-radius: var(--tds-border-radius--pill);
  display: block;
  inline-size: var(--tds-animate-backdrop-width, 1px);
  left: var(--tds-animate-backdrop-left, 0);
  opacity: var(--tds-animate-backdrop-opacity, 0);
  position: absolute;
  top: var(--tds-animate-backdrop-top, 0);
  transition: var(--tds-animate-backdrop-transition, opacity 0.5s ease, visibility 0s 0s);
  visibility: var(--tds-animate-backdrop-visibility);
  z-index: -1;
}
.tds-site-nav-item-text {
  color: var(--tds-nav-item--color);
  margin: 0 var(--tds-size--1x);
  transition: color 0.33s ease;
}
.tds-site-nav-items--vertical .tds-site-nav-item-text {
  flex-grow: 1;
  margin: 0 var(--tds-size--half);
  text-align: start;
}
.tds-nav-back .tds-site-nav-item-text {
  margin: 0;
}
.tds-site-nav-item .tds-icon:only-child {
  -webkit-margin-end: -4px;
  -webkit-margin-start: -4px;
  margin-inline-end: -4px;
  margin-inline-start: -4px;
}
.tds-site-nav-items {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 1;
}
.tds-site-header > .tds-site-nav-items {
  min-block-size: var(--tds-site-header--height);
  position: static;
}
.tds-site-nav-items--vertical {
  align-items: normal;
  flex-direction: column;
}
.tds-site-nav-items--vertical > li:not(:last-child) {
  -webkit-margin-after: var(--tds-size--1x);
  margin-block-end: var(--tds-size--1x);
}
.tds-status_msg {
  --tds-card--padding: var(--tds-padding--card--dense);
  display: flex;
  margin: var(--tds-size--3x) 0;
}
.tds-status_msg-heading {
  padding: 0;
}
.tds-status_msg :is(.tds-text--h6) {
  -webkit-padding-before: 0;
  padding-block-start: 0;
}
.tds-status_msg:not(.tds-card) .tds-card-body {
  -webkit-padding-after: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: calc(var(--tds-card--padding) / 3);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: calc(var(--tds-card--padding) / 3);
}
.tds-status_msg:not(.tds-card) .tds-icon + .tds-card-body {
  -webkit-padding-after: 2px;
  -webkit-padding-before: 2px;
  padding-block-end: 2px;
  padding-block-start: 2px;
}
.tds-component-preview,
:root {
  --tds-switch_toggle--font-size: var(--tds-font-size--20);
  --tds-switch_toggle--size: 32px;
}
.tds-switch_toggle {
  --tds-switch_toggle--radius: calc(var(--tds-switch_toggle--size) / 2);
  --tds-switch_toggle--spacer: var(--tds-size--1x);
  align-items: center;
  display: flex;
  inline-size: -webkit-min-content;
  inline-size: min-content;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-switch_toggle * {
  cursor: pointer;
}
.tds-switch_toggle--large {
  --tds-switch_toggle--font-size: var(--tds-font-size--30);
  --tds-switch_toggle--size: 40px;
}
.tds-density--default,
.tds-switch_toggle--medium {
  --tds-switch_toggle--font-size: var(--tds-font-size--20);
  --tds-switch_toggle--size: 32px;
}
.tds-density--dense,
.tds-switch_toggle--small {
  --tds-switch_toggle--font-size: var(--tds-font-size--10);
  --tds-switch_toggle--size: 28px;
}
.tds--disabled .tds-switch_toggle-checkbox,
.tds-switch_toggle-checkbox {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tds-switch_toggle-track {
  background-color: var(--tds-theme-background-container-alt);
  block-size: var(--tds-switch_toggle--size);
  border-radius: var(--tds-switch_toggle--radius);
  display: block;
  inline-size: calc(var(--tds-switch_toggle--size) * 2);
  position: relative;
  transition: background-color 0.5s ease;
}
.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
  background-color: var(--tds-theme-primary);
}
.tds-switch_toggle-checkbox:focus-visible + .tds-switch_toggle-track {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds--indicate-focus .tds-switch_toggle-checkbox:focus + .tds-switch_toggle-track {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-switch_toggle-btn {
  -webkit-margin-start: var(--tds-switch_toggle--spacer);
  -webkit-margin-end: var(--tds-switch_toggle--spacer);
  color: var(--tds-theme-foreground-high-contrast);
  font-size: var(--tds-switch_toggle--font-size);
  line-height: 1;
  margin-inline-end: var(--tds-switch_toggle--spacer);
  margin-inline-start: var(--tds-switch_toggle--spacer);
  text-transform: none;
  transition: color 0.5s ease;
}
.tds-switch_toggle-btn:nth-last-child(2) {
  order: -1;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn {
  --tds-switch_toggle--spacer: 0;
  --tds-switch_toggle-btn--indent: 1px;
  align-items: center;
  block-size: 100%;
  display: flex;
  inline-size: calc(50% + var(--tds-switch_toggle-btn--indent));
  justify-content: center;
  position: absolute;
}
.tds-switch_toggle--large .tds-switch_toggle-btn {
  --tds-switch_toggle-btn--indent: 4px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
  left: 2px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
  right: 2px;
}
.tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
  color: var(--tds-color-white);
}
.tds-switch_toggle-track:after {
  background-color: var(--tds-color-white);
  block-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
  border-radius: var(--tds-border-radius--circle);
  box-shadow: var(--tds-box-shadow--small);
  content: '';
  display: block;
  inline-size: calc(var(--tds-switch_toggle--size) - var(--tds-size--1x));
  margin: var(--tds-size--half);
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition: color 0.5s var(--tds-bezier), -webkit-transform 0.5s var(--tds-bezier);
  transition: transform 0.5s var(--tds-bezier), color 0.5s var(--tds-bezier);
  transition: transform 0.5s var(--tds-bezier), color 0.5s var(--tds-bezier), -webkit-transform 0.5s var(--tds-bezier);
  z-index: 10;
}
.tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track:after {
  -webkit-transform: translateX(var(--tds-switch_toggle--size));
  transform: translateX(var(--tds-switch_toggle--size));
}
[dir='rtl'] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox ~ .tds-switch_toggle-track:after,
[dir='rtl'] .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track:after {
  -webkit-transform: translateX(calc(var(--tds-switch_toggle--size) * -1));
  transform: translateX(calc(var(--tds-switch_toggle--size) * -1));
}
[dir='rtl'] .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tds-component-preview,
:root {
  --tds-table--vertical-align: middle;
  --tds-table-background-color: transparent;
  --tds-table-border_color: var(--tds-color-grey-50);
  --tds-table-border_spacing: 0;
  --tds-table-border_width: 1px;
  --tds-table-caption-background-color: transparent;
  --tds-table-caption-top: 0;
  --tds-table-header-font_size: var(--tds-font-size--30);
  --tds-table-padding--horizontal: var(--tds-size--2x);
  --tds-table-padding--vertical: var(--tds-size--2x);
}
.tds-density--dense {
  --tds-table-border_spacing: 0;
  --tds-table-border_width: 1px;
  --tds-table-header-font_size: var(--tds-font-size--20);
  --tds-table-padding--horizontal: var(--tds-size--1x);
  --tds-table-padding--vertical: var(--tds-size--1x);
}
.tds-table--align_middle {
  --tds-table--vertical-align: middle;
}
.tds-table--align_top {
  --tds-table--vertical-align: top;
}
.tds-table--align_bottom {
  --tds-table--vertical-align: bottom;
}
.tds-table {
  border-collapse: collapse;
  border-spacing: var(--tds-table-border_spacing);
  font-size: var(--tds-font-size--30);
  inline-size: 100%;
  text-align: start;
}
.tds-table--bordered td,
.tds-table--bordered th {
  border: var(--tds-table-border_width) solid var(--tds-theme-border);
}
.tds-table-caption {
  background-color: var(--tds-table-caption-background-color);
}
.tds-table-row td,
.tds-table-row th {
  -webkit-padding-after: var(--tds-table-padding--vertical);
  -webkit-padding-before: var(--tds-table-padding--vertical);
  background-color: var(--tds-table-background-color);
  font-size: var(--tds-table-header-font_size);
  padding-block-end: var(--tds-table-padding--vertical);
  padding-block-start: var(--tds-table-padding--vertical);
  text-align: start;
  vertical-align: var(--tds-table--vertical-align);
}
.tds-table-row p {
  margin: 0;
}
.tds-table-col--selected,
.tds-table-row--selected td,
.tds-table-row--selected th {
  --tds-table-background-color: var(--tds-theme-background-container);
}
.tds-table--padded_cells td,
.tds-table--padded_cells th {
  -webkit-padding-end: var(--tds-table-padding--horizontal);
  -webkit-padding-start: var(--tds-table-padding--horizontal);
  padding-inline-end: var(--tds-table-padding--horizontal);
  padding-inline-start: var(--tds-table-padding--horizontal);
}
.tds-table--thead_border .tds-table-head th {
  -webkit-border-after: var(--tds-table-border_width) solid var(--tds-theme-border);
  border-block-end: var(--tds-table-border_width) solid var(--tds-theme-border);
}
.tds-scrim--black {
  --tds-table-background-color: var(--tds-color-grey-15);
}
.tds-scrim--black .tds-table td,
.tds-scrim--black .tds-table th {
  color: var(--tds-color-white);
}
.tds-table-head .tds-table-row th {
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family--combined);
  font-weight: var(--tds-font-weight--medium);
}
.tds-table--hoverable .tds-table-body .tds-table-row:hover td,
.tds-table--hoverable .tds-table-body .tds-table-row:hover th {
  background-color: var(--tds-theme-background-container);
}
@media (max-width: 599px) {
  .tds-table--responsive .tds-table {
    display: flex;
    flex-flow: row wrap;
  }
  .tds-table--responsive .tds-table-caption {
    -webkit-border-after: 1px solid var(--tds-color-grey-50);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-block-end: 1px solid var(--tds-color-grey-50);
    padding: var(--tds-size--2x);
    position: -webkit-sticky;
    position: sticky;
    top: var(--tds-table-caption-top);
  }
  .tds-table--responsive .tds-table-caption--white {
    --tds-table-caption-background-color: hsla(0, 0%, 100%, 0.5);
  }
  .tds-table--responsive .tds-table-caption--light {
    --tds-table-caption-background-color: hsla(0, 0%, 49%, 0.5);
  }
  .tds-table--responsive .tds-table-caption--black {
    --tds-table-caption-background-color: rgba(0, 0, 0, 0.5);
  }
  .tds-table--responsive .tds-table-caption h1,
  .tds-table--responsive .tds-table-caption h2,
  .tds-table--responsive .tds-table-caption h3,
  .tds-table--responsive .tds-table-caption h4,
  .tds-table--responsive .tds-table-caption h5,
  .tds-table--responsive .tds-table-caption h6 {
    -webkit-padding-before: 0;
    padding-block-start: 0;
  }
  .tds-table--responsive .tds-table-body,
  .tds-table--responsive .tds-table-foot,
  .tds-table--responsive .tds-table-head,
  .tds-table--responsive .tds-table-row {
    display: block;
    max-inline-size: calc(100vw - var(--tds-size--3x) * 2);
    overflow: scroll;
  }
  .tds-table--responsive .tds-table-row td {
    -webkit-padding-after: 0;
    display: inline-flex;
    flex-flow: row wrap;
    inline-size: 100%;
    padding-block-end: 0;
  }
  .tds-table--bordered .tds-table-row {
    -webkit-padding-before: 0;
    -webkit-padding-end: 0;
    -webkit-margin-after: var(--tds-size--1x);
    margin-block-end: var(--tds-size--1x);
    padding-block-start: 0;
    padding-inline-end: 0;
  }
  .tds-table--responsive .tds-table-head {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .tds-table--responsive td:before,
  .tds-table--responsive th:before {
    content: var(--columnHeader) ': ';
    display: block;
    font-family: var(--tds-font-family--combined);
    font-size: var(--tds-font-size--40);
    font-weight: var(--tds-font-weight--medium);
    inline-size: 100%;
    line-height: var(--tds-line-height--40);
    max-inline-size: 100%;
    min-inline-size: 100%;
  }
  .tds-table-responsive .tds-table-row {
    -webkit-padding-before: var(--tds-size--2x);
    -webkit-padding-after: var(--tds-size--2x);
    -webkit-border-after: 1px solid var(--tds-color-grey-50);
    border-block-end: 1px solid var(--tds-color-grey-50);
    padding-block-end: var(--tds-size--2x);
    padding-block-start: var(--tds-size--2x);
  }
  .tds-table--responsive.tds-table--padded_cells th {
    -webkit-padding-after: 0;
    padding-block-end: 0;
  }
  .tds-table--responsive .tds-table-body th:first-child {
    font-weight: 400;
  }
}
@media (min-width: 600px) {
  .tds-table--row_border .tds-table-body td,
  .tds-table--row_border .tds-table-body th {
    -webkit-border-before: var(--tds-table-border_width) solid var(--tds-theme-border);
    border-block-start: var(--tds-table-border_width) solid var(--tds-theme-border);
  }
  .tds-table--striped .tds-table-body > .tds-table-row:nth-child(odd) > td,
  .tds-table--striped .tds-table-body > .tds-table-row:nth-child(odd) > th {
    --tds-table-background-color: var(--tds-color--tertiary-highlight);
  }
}
.tds-table--data {
  font-variant-numeric: tabular-nums;
}
.tds-component-preview,
:root {
  --tds-table-deux-table-border-width: 1px;
  --tds-table-deux-table-cell-align-items: normal;
  --tds-table-deux-table-cell-before-padding-block-end: 0;
  --tds-table-deux-table-cell-padding-horizontal: var(--tds-size--1x);
  --tds-table-deux-table-cell-padding-vertical: var(--tds-size--1x);
  --tds-table-deux-table-cell-position: static;
  --tds-table-deux-table-cell-vertical-align: middle;
  --tds-table-deux-table-column-inline-size: auto;
  --tds-table-deux-table-column-min-inline-size: 0;
  --tds-table-deux-table-header-font-size: var(--tds-table-header-font_size);
  --tds-table-deux-table-header-font-weight: var(--tds-font-weight--book);
  --tds-table-deux-table-header-line-height: var(--tds-base-line_height);
}
.tds-table-deux-wrapper {
  -webkit-margin-end: calc(var(--tds-size--1x) * -1);
  -webkit-margin-start: calc(var(--tds-size--1x) * -1);
  inline-size: calc(100% + var(--tds-size--2x));
  margin-inline-end: calc(var(--tds-size--1x) * -1);
  margin-inline-start: calc(var(--tds-size--1x) * -1);
  overflow-x: scroll;
}
.tds-table-deux {
  --tds-table-deux-table-cell-border-block-end: var(--tds-table-deux-table-border-width) solid
    var(--tds-theme-border-low-contrast);
  --tds-table-deux-table-cell-border-block-start: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: var(--tds-font-size--30);
  min-inline-size: 100%;
  text-align: start;
}
.tds-table-deux-head {
  --tds-table-deux-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half));
}
.tds-table-deux-foot {
  --tds-table-deux-table-cell-border-block-end: none;
  --tds-table-deux-table-cell-padding-vertical: calc(var(--tds-size--1x) + var(--tds-size--half));
  position: var(--tds-table-deux-table-cell-position);
}
.tds-table-deux-column {
  inline-size: var(--tds-table-deux-table-column-inline-size);
  min-inline-size: var(--tds-table-deux-table-column-min-inline-size);
}
.tds-table-deux--grouped-row .tds-table-deux-column:first-child {
  --tds-table-deux-table-column-inline-size: 40%;
  --tds-table-deux-table-column-min-inline-size: 20ch;
}
.tds-table-deux-row td,
.tds-table-deux-row th {
  -webkit-border-after: var(--tds-table-deux-table-cell-border-block-end);
  -webkit-padding-after: var(--tds-table-deux-table-cell-padding-vertical);
  -webkit-padding-before: var(--tds-table-deux-table-cell-padding-vertical);
  -webkit-padding-end: var(--tds-table-deux-table-cell-padding-horizontal);
  -webkit-padding-start: var(--tds-table-deux-table-cell-padding-horizontal);
  border-block-end: var(--tds-table-deux-table-cell-border-block-end);
  line-height: var(--tds-base-line_height);
  min-inline-size: 12ch;
  padding-block-end: var(--tds-table-deux-table-cell-padding-vertical);
  padding-block-start: var(--tds-table-deux-table-cell-padding-vertical);
  padding-inline-end: var(--tds-table-deux-table-cell-padding-horizontal);
  padding-inline-start: var(--tds-table-deux-table-cell-padding-horizontal);
  position: var(--tds-table-deux-table-cell-position);
  text-align: start;
  vertical-align: var(--tds-table-deux-table-cell-vertical-align);
}
.tds-table-deux-column--selected,
.tds-table-deux-row--selected td,
.tds-table-deux-row--selected th {
  background-color: var(--tds-theme-background-container);
}
.tds-table-deux-row td {
  -webkit-border-before: var(--tds-table-deux-table-cell-border-block-start);
  align-items: var(--tds-table-deux-table-cell-align-items);
  border-block-start: var(--tds-table-deux-table-cell-border-block-start);
  font-size: var(--tds-font-size--30);
}
.tds-table-deux-row td:before,
.tds-table-deux-row th:before {
  -webkit-padding-after: var(--tds-table-deux-table-cell-before-padding-block-end);
  color: var(--tds-heading--color);
  display: block;
  font-weight: var(--tds-font-weight--medium);
  padding-block-end: var(--tds-table-deux-table-cell-before-padding-block-end);
}
.tds-table-deux-row td:first-child {
  -webkit-border-before: none;
  border-block-start: none;
}
.tds-table-deux-row th {
  -webkit-border-before: var(--tds-table-deux-table-cell-border-block-start);
  border-block-start: var(--tds-table-deux-table-cell-border-block-start);
  color: var(--tds-heading--color);
  font-size: var(--tds-table-deux-table-header-font-size);
  font-weight: var(--tds-table-deux-table-header-font-weight);
  line-height: var(--tds-table-deux-table-header-line-height);
}
.tds-table-deux-row th.tds-th--caption,
.tds-th--caption {
  align-items: var(--tds-table-deux-table-cell-align-items);
  color: var(--tds-caption--color);
  font-size: var(--tds-font-size--20);
  font-weight: var(--tds-font-weight--medium);
}
.tds-table-deux-row th:first-child:after {
  background: var(--tds-scrim--background);
  bottom: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 1px;
  transition: background-color 0.3s ease;
  z-index: -2;
}
.tds-table-deux-row th:not(.tds-th--caption) {
  --tds-table-deux-table-header-font-weight: var(--tds-font-weight--medium);
}
.tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child,
.tds-table-deux--sticky-first-col + .tds-table-deux-foot {
  --tds-table-deux-table-cell-position: sticky;
  left: 0;
  z-index: 1;
}
.tds-table-deux--sticky-first-col + .tds-table-deux-foot {
  --tds-table-deux-table-foot-display: block;
  padding: calc(var(--tds-size--1x) + var(--tds-size--half)) var(--tds-size--1x);
}
[dir='rtl'] .tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child {
  left: auto;
  right: 0;
}
.tds-table-deux--sticky-first-col .tds-table-deux-row th:first-child:after {
  content: '';
}
.tds-table-deux--align-top {
  --tds-table-deux-vertical-align: top;
}
.tds-table-deux--align-bottom {
  --tds-table-deux-vertical-align: bottom;
}
@media (max-width: 599px) {
  .tds-table-deux[class*='-stacked-list'] {
    --tds-table-deux-table-cell-border-block-end: none;
    --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--3x);
    --tds-table-deux-table-cell-padding-horizontal: 0;
    --tds-table-deux-table-cell-position: static;
    --tds-table-deux-table-header-first-child-margin-block-start: 0;
    --tds-table-deux-table-header-font-size: var(--tds-font-size--40);
    --tds-table-deux-table-header-line-height: var(--tds-line-height--20);
    -webkit-padding-end: var(--tds-size--1x);
    -webkit-padding-start: var(--tds-size--1x);
    display: flex;
    flex-flow: row wrap;
    padding-inline-end: var(--tds-size--1x);
    padding-inline-start: var(--tds-size--1x);
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-head {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-body,
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-foot,
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-head,
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row {
    display: block;
    inline-size: 100%;
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row td,
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row th {
    display: inline-flex;
    inline-size: 100%;
  }
  .tds-table-deux--vertical-stacked-list[class*='-stacked-list'] {
    --tds-table-deux-table-cell-before-padding-block-end: var(--tds-size--half);
  }
  .tds-table-deux--vertical-stacked-list[class*='-stacked-list'] .tds-table-deux-row td,
  .tds-table-deux--vertical-stacked-list[class*='-stacked-list'] .tds-table-deux-row th.tds-th--caption {
    flex-flow: column nowrap;
  }
  .tds-table-deux--vertical-stacked-list[class*='-stacked-list'] .tds-table-deux-row td:before,
  .tds-table-deux--vertical-stacked-list[class*='-stacked-list'] .tds-table-deux-row th:before {
    inline-size: 100%;
  }
  .tds-table-deux--horizontal-stacked-list[class*='-stacked-list'] {
    --tds-table-deux-table-cell-align-items: center;
  }
  .tds-table-deux--horizontal-stacked-list[class*='-stacked-list'] .tds-table-deux-row td,
  .tds-table-deux--horizontal-stacked-list[class*='-stacked-list'] .tds-table-deux-row th.tds-th--caption {
    justify-content: space-between;
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row td:first-child {
    -webkit-padding-before: var(--tds-size--3x);
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row th:first-child {
    -webkit-margin-before: var(--tds-table-deux-table-header-first-child-margin-block-start);
    margin-block-start: var(--tds-table-deux-table-header-first-child-margin-block-start);
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row td:last-child {
    -webkit-border-after: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
    -webkit-padding-after: var(--tds-table-deux-table-cell-last-child-padding-block-end);
    border-block-end: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
    padding-block-end: var(--tds-table-deux-table-cell-last-child-padding-block-end);
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row .tds-table-deux-row th:not(.tds-th--caption) {
    --tds-table-deux-table-cell-border-block-start: var(--tds-table-deux-table-border-width) solid
      var(--tds-theme-border-low-contrast);
    --tds-table-deux-table-header-first-child-margin-block-start: var(--tds-size--2x);
    -webkit-padding-before: var(--tds-size--3x);
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row .tds-table-deux-row:first-child th {
    --tds-table-deux-table-header-first-child-margin-block-start: 0;
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row {
    --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--1x);
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row td:empty {
    display: none;
  }
  .tds-table-deux[class*='-stacked-list']:not(.tds-table-deux--grouped-row) {
    --tds-table-deux-table-header-last-child-padding-block-end: var(--tds-size--3x);
  }
  .tds-table-deux[class*='-stacked-list']:not(.tds-table-deux--grouped-row) .tds-table-deux-row th:first-child {
    -webkit-padding-before: var(--tds-size--3x);
    padding-block-start: var(--tds-size--3x);
  }
  .tds-table-deux--grouped-row[class*='-stacked-list'] .tds-table-deux-row:last-child {
    --tds-table-deux-table-cell-last-child-padding-block-end: var(--tds-size--3x);
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row .tds-table-deux-row td:last-child {
    -webkit-border-after: none;
    border-block-end: none;
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row .tds-table-deux-row:last-child td:last-child {
    -webkit-border-after: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
    border-block-end: var(--tds-table-deux-table-border-width) solid var(--tds-theme-border-low-contrast);
  }
  .tds-table-deux[class*='-stacked-list'].tds-table-deux--grouped-row
    .tds-table-deux-row:first-child
    th:not(.tds-th--caption) {
    --tds-table-deux-table-cell-border-block-start: none;
  }
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row td:before,
  .tds-table-deux[class*='-stacked-list'] .tds-table-deux-row th:before {
    content: var(--columnHeader);
  }
}
table {
  color: inherit;
}
.tds-data-table-wrapper {
  --tds-data-table--row-hover-radius: 4px;
  --tds-data-table--row-outdent-size: 8px;
  --tds-data-table--vertical-align: middle;
  -webkit-margin-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  -webkit-margin-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  inline-size: calc(100% + (var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * 2);
  margin-inline-end: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  margin-inline-start: calc((var(--tds-data-table--row-outdent-size) + var(--tds-data-table--row-hover-radius)) * -1);
  overflow-x: auto;
  overflow-y: visible;
}
* + :is(.tds-data-table-wrapper, .tds-data-table-toolbar) {
  -webkit-margin-before: var(--tds-size--3x);
  margin-block-start: var(--tds-size--3x);
}
.tds-data-table-wrapper + .tds-pagination {
  -webkit-margin-before: var(--tds-size--3x);
  margin-block-start: var(--tds-size--3x);
}
.tds-data-table-toolbar {
  justify-content: space-between;
}
.tds-data-table-toolbar,
.tds-data-table-tools {
  align-items: center;
  display: flex;
  gap: var(--tds-size--2x);
}
.tds-density--dense .tds-data-table-tools {
  gap: var(--tds-size--1x);
}
.tds-data-table {
  border-spacing: 0;
  font-size: var(--tds-data-table--font-size);
  font-variant-numeric: tabular-nums;
  inline-size: calc(100% - var(--tds-data-table--row-hover-radius) * 2);
  margin: 0 var(--tds-data-table--row-hover-radius);
  position: relative;
  z-index: 1;
}
.tds-data-table--align-top {
  --tds-data-table--vertical-align: top;
}
.tds-data-table--align-bottom {
  --tds-data-table--vertical-align: bottom;
}
.tds-data-table tr {
  background-color: transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.tds-data-table :where(th, td) {
  -webkit-border-after: 1px solid var(--tds-theme-background-container);
  block-size: var(--tds-size--5x);
  border-block-end: 1px solid var(--tds-theme-background-container);
  position: relative;
  text-align: start;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  vertical-align: var(--tds-data-table--vertical-align);
  white-space: nowrap;
}
.tds-data-table tbody :where(th, td):is(:first-child, :last-child):before {
  border-color: transparent;
  bottom: -1px;
  content: '';
  position: absolute;
  top: -1px;
  transition: background-color 0.3s ease, top 0.3s ease;
  z-index: -1;
}
.tds-data-table tbody :where(th, td):first-child:before,
[dir='rtl'] .tds-data-table tbody :where(th, td):last-child:before {
  border-radius: var(--tds-data-table--row-hover-radius) 0 0 var(--tds-data-table--row-hover-radius);
  left: calc(var(--tds-data-table--row-hover-radius) * -1);
  right: 100%;
}
.tds-data-table tbody :where(th, td):last-child:before,
[dir='rtl'] .tds-data-table tbody :where(th, td):first-child:before {
  border-radius: 0 var(--tds-data-table--row-hover-radius) var(--tds-data-table--row-hover-radius) 0;
  left: 100%;
  right: calc(var(--tds-data-table--row-hover-radius) * -1);
}
.tds-data-table th {
  font-weight: var(--tds-font-weight--medium);
}
.tds-data-table thead :where(th, td) {
  padding: 12px var(--tds-data-table--row-outdent-size);
}
.tds-data-table tbody :where(th, td) {
  padding: var(--tds-size--1x) var(--tds-data-table--row-outdent-size);
}
.tds-data-table tbody tr:is(:hover, .tds--highlighted),
.tds-data-table tbody tr:is(:hover, .tds--highlighted) :where(th, td):before {
  background-color: var(--tds-theme-background-container);
}
.tds-data-table tbody tr.tds-tr--selected {
  background-color: var(--tds-color--tertiary-highlight);
  position: relative;
  z-index: 4;
}
.tds-data-table tbody tr.tds-tr--selected :where(th, td) {
  border-color: var(--tds-color--tertiary-highlight);
  box-shadow: 0 -1px 0 0 var(--tds-color--tertiary-highlight);
}
.tds-data-table tbody tr.tds-tr--selected :where(th, td):before {
  background-color: var(--tds-color--tertiary-highlight);
}
.tds-data-table tbody tr.tds-tr--selected + tr.tds-tr--selected :where(th, td):before {
  top: -6px;
}
.tds--indicate-focus .tds-data-table tbody tr:focus-within {
  outline: var(--tds-outline--focus);
  outline-offset: -5px;
  z-index: 5;
}
.tds-td--actions {
  -webkit-padding-end: var(--tds-data-table--row-outdent-size);
  -webkit-padding-start: var(--tds-data-table--row-outdent-size);
  padding-inline-end: var(--tds-data-table--row-outdent-size);
  padding-inline-start: var(--tds-data-table--row-outdent-size);
  text-align: end;
}
.tds-data-table tbody tr:is(:hover, .tds--highlighted) .tds-td--actions {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 10;
}
.tds-td--select {
  -webkit-padding-end: var(--tds-data-table--row-outdent-size);
  -webkit-padding-start: var(--tds-data-table--row-outdent-size);
  padding-inline-end: var(--tds-data-table--row-outdent-size);
  padding-inline-start: var(--tds-data-table--row-outdent-size);
  white-space: nowrap;
  width: 0;
}
.tds-th--sortable {
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tds-data-table thead :where(th, td).tds-th--sortable {
  block-size: var(--tds-size--6x);
  padding: 0;
}
.tds-th--sortable :focus {
  outline: none;
}
.tds-th--sortable .tds-th--inner:before {
  background-color: transparent;
  border-radius: var(--tds-size--half);
  bottom: var(--tds-size--half);
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: -1;
}
.tds-th--sortable:hover .tds-th--inner:before {
  background-color: var(--tds-theme-background-container);
}
.tds-th--sortable .tds-th--inner:focus-visible:before {
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds--indicate-focus .tds-th--sortable .tds-th--inner:focus:before {
  outline: var(--tds-outline--focus);
  outline-offset: -2px;
}
.tds-data-table--prototype-animated-th-hover .tds-th--sortable .tds-th--inner:before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.tds-data-table--prototype-animated-th-hover .tds-th--sortable:hover .tds-th--inner:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tds-th--sortable .tds-th--inner {
  padding: 12px var(--tds-data-table--row-outdent-size);
  text-align: inherit;
  width: 100%;
}
.tds-th--sortable .tds-icon {
  -webkit-margin-start: var(--tds-size--half);
  margin-inline-start: var(--tds-size--half);
  vertical-align: middle;
}
:where(.tds-data-table) th [class*='tds-icon-double-chevron'] {
  --tds-icon-double-chevron-down--fill: var(--tds-theme-foreground-low-contrast);
  --tds-icon-double-chevron-up--fill: var(--tds-theme-foreground-low-contrast);
  opacity: 0;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.tds-th--sort-asc [class*='tds-icon-double-chevron'] {
  --tds-icon-double-chevron-up--fill: var(--tds-theme-foreground-high-contrast);
}
.tds-th--sort-desc [class*='tds-icon-double-chevron'] {
  --tds-icon-double-chevron-down--fill: var(--tds-theme-foreground-high-contrast);
}
:is(.tds-th--sortable:hover, .tds-th--sort-asc, .tds-th--sort-desc) [class*='tds-icon-double-chevron'] {
  opacity: 1;
}
.tds-th--sortable :focus-visible [class*='tds-icon-double-chevron'] {
  opacity: 1;
}
.tds--indicate-focus .tds-th--sortable :focus [class*='tds-icon-double-chevron'] {
  opacity: 1;
}
.tds-data-table--sticky-first-col th:first-child {
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
[dir='rtl'] .tds-data-table--sticky-first-col th:first-child {
  left: auto;
  right: 0;
}
.tds-data-table--sticky-first-col th:first-child:after {
  background: var(--tds-theme-background, var(--tds-color-white));
  bottom: 1px;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 1px;
  transition: background-color 0.3s ease;
  z-index: -2;
}
.tds-data-table--sticky-first-col tbody tr:is(:hover, .tds--highlighted) th:first-child:after {
  background: var(--tds-theme-background-container);
}
.tds-data-table-null-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: clamp(100px, 10vh, 200px) 40px;
}
.tds-tab-panel-list {
  inline-size: 100%;
}
.tds-tab-panel {
  display: none;
  transition: visibility 0.5s 0.5s;
  visibility: hidden;
}
.tds-tab-panel--active {
  display: block;
  transition: visibility 0.5s 0s;
  visibility: inherit;
}
.tds-tab-list {
  --tds-tab--background-color-off: transparent;
  --tds-tab--background-color-on: var(--tds-theme-background-container);
  --tds-tab--border-radius: var(--tds-border-radius--pill);
  --tds-tab--box-shadow--focus-off: inset 0 0 0 0 transparent;
  --tds-tab--box-shadow--focus-on: inset 0 0 0 3px rgba(var(--tds-color--rgb-shade), 0.08);
  --tds-tab--box-shadow--highlight-off: 0 0 0 0 transparent;
  --tds-tab--box-shadow--highlight-on: 0 0 0 0 transparent;
  --tds-tab-list--height: var(--tds-height--pill);
  align-items: center;
  block-size: var(--tds-tab-list--height);
  display: grid;
  gap: var(--tds-size--half);
  grid-auto-flow: column;
  overflow-x: auto;
  position: relative;
}
.tds-tab-list--toggle {
  --tds-tab--background-color-on: var(--tds-color-white);
  --tds-tab--border-radius: calc(var(--tds-border-radius--pill) - 2px);
  --tds-tab--box-shadow--highlight-on: var(--tds-box-shadow--small);
  background-color: var(--tds-theme-background-container-alt);
  border-radius: var(--tds-border-radius--pill);
  padding: var(--tds-size--half);
}
:is(.tds-scrim--black, .tds-colorscheme--dark) .tds-tab-list--toggle {
  --tds-tab--background-color-on: var(--tds-color-grey-20);
}
.tds-tab-list--legacy-vertical,
.tds-tab-list--underline,
.tds-tab-list--vertical {
  --tds-tab--border-radius: 0;
  gap: 0;
}
.tds-tab-list--legacy-vertical,
.tds-tab-list--vertical {
  --tds-tab--justify-content: start;
  --tds-tab-list--height: auto;
  grid-auto-flow: row;
}
.tds-tab-list--legacy-vertical {
  --tds-tab--background-color-on: transparent;
  --tds-tab--box-shadow--highlight-off: inset 0 0 0 0 transparent;
  --tds-tab--box-shadow--highlight-on: inset -4px 0 0 0 var(--tds-theme-primary);
}
.tds-tab-list--underline {
  --tds-tab--background-color-on: transparent;
  --tds-tab--box-shadow--highlight-off: inset 0 -1px 0 0 var(--tds-theme-foreground-high-contrast);
  --tds-tab--box-shadow--highlight-on: inset 0 -4px 0 0 var(--tds-theme-foreground-high-contrast);
  --tds-tab-list--height: var(--tds-size--7x);
}
.tds-tab-list--dots {
  --tds-tab--background-color-off: var(--tds-theme-border);
  --tds-tab--background-color-on: var(--tds-theme-foreground-high-contrast);
  --tds-tab-list--height: 12px;
  justify-content: center;
}
.tds-tab-list--animated {
  --tds-animate-backdrop-visibility: inherit;
}
.tds-tab {
  --tds-tab--background-color: var(--tds-tab--background-color-off);
  --tds-tab--box-shadow--focus: var(--tds-tab--box-shadow--focus-off);
  --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-off);
  align-items: center;
  background-color: var(--tds-tab--background-color);
  block-size: calc(var(--tds-tab-list--height) - 8px);
  border-radius: var(--tds-tab--border-radius);
  box-shadow: var(--tds-tab--box-shadow--focus), var(--tds-tab--box-shadow--highlight);
  color: var(--tds-theme-foreground-low-contrast);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--tds-font-family--combined);
  font-size: var(--tds-font-size--20);
  font-weight: var(--tds-font-weight--medium);
  justify-content: var(--tds-tab--justify-content, center);
  line-height: 1.2;
  outline-offset: -2px;
  padding: var(--tds-size--half) var(--tds-size--3x);
  position: relative;
  scroll-snap-align: center;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
.tds-tab-list--legacy-vertical .tds-tab,
.tds-tab-list--vertical .tds-tab {
  min-block-size: var(--tds-height--pill);
}
.tds-tab-list--underline .tds-tab {
  min-block-size: var(--tds-tab-list--height);
}
.tds-tab-list--dots .tds-tab {
  font-size: 0;
  outline-offset: 0;
  padding: var(--tds-size--half);
  text-indent: -10000px;
}
.tds-tab-list--animated .tds-tab {
  --tds-tab--background-color-on: var(--tds-tab--background-color-off);
  --tds-tab--box-shadow--highlight-on: var(--tds-tab--box-shadow--highlight-off);
}
.tds-tab:focus-visible {
  outline: var(--tds-outline--focus);
}
.tds--indicate-focus .tds-tab:focus {
  outline: var(--tds-outline--focus);
}
.tds-tab[aria-selected='true'] {
  --tds-tab--background-color: var(--tds-tab--background-color-on);
  --tds-tab--box-shadow--highlight: var(--tds-tab--box-shadow--highlight-on);
  background-color: var(--tds-tab--background-color);
  color: var(--tds-theme-foreground-high-contrast);
  cursor: inherit;
}
.tds-tab-list--animated .tds--animated-backdrop {
  background-color: var(--tds-tab--background-color-on);
  border-radius: var(--tds-tab--border-radius);
  box-shadow: var(--tds-tab--box-shadow--highlight-on);
}
.tds--indicate-focus .tds--animated-backdrop {
  transition: none;
}
.tds-tab-list--dots .tds--animated-backdrop {
  z-index: 1;
}
.tds-tooltip {
  --tds-tooltip--padding: var(--tds-padding--card);
  --tds-tooltip--translate-y: var(--tds-size--1x);
  --tds-tooltip--safe-space: var(--tds-size--1x);
  --tds-tooltip--x-offset: 0px;
  --tds-tooltip--offset-align: 8;
  --tds-tooltip--offset-padding: 24;
  background-color: var(--tds-theme-background-dialog);
  border-radius: var(--tds-border-radius--card);
  bottom: calc(100% + var(--tds-tooltip--safe-space));
  box-shadow: var(--tds-box-shadow--medium);
  inline-size: -webkit-max-content;
  inline-size: max-content;
  left: 50%;
  max-inline-size: min(calc(100vw - 48px), 400px);
  padding: var(--tds-tooltip--padding);
  position: absolute;
  text-align: initial;
  top: auto;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  z-index: 550;
}
.tds-tooltip.tds-tooltip--overlay {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  bottom: unset;
  position: fixed;
  -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
}
.tds-tooltip.tds-tooltip--overlay.tds-tooltip--width-full {
  max-inline-size: min(calc(100vw - 48px), 400px);
}
.tds-tooltip,
.tds-tooltip--closed {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset)));
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(calc(-50% + var(--tds-tooltip--x-offset)));
  transition: opacity 0.5s var(--tds-bezier), visibility 0s 0.5s, -webkit-transform 0.5s var(--tds-bezier);
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0.5s;
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0.5s,
    -webkit-transform 0.5s var(--tds-bezier);
  visibility: hidden;
}
.tds-tooltip.tds-tooltip--open {
  --tds-tooltip--translate-y: 0;
  opacity: 1;
  pointer-events: inherit;
  transition: opacity 0.5s var(--tds-bezier), visibility 0s 0s, -webkit-transform 0.5s var(--tds-bezier);
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0s;
  transition: opacity 0.5s var(--tds-bezier), transform 0.5s var(--tds-bezier), visibility 0s 0s,
    -webkit-transform 0.5s var(--tds-bezier);
  visibility: inherit;
}
.tds-density--dense .tds-tooltip,
.tds-density--dense.tds-tooltip {
  --tds-tooltip--padding: calc(var(--tds-padding--card--dense) - var(--tds-size--half)) var(--tds-padding--card--dense);
}
.tds-tooltip--orientation-down {
  --tds-tooltip--translate-y: calc(var(--tds-size--1x) * -1);
  bottom: auto;
  top: calc(100% + var(--tds-tooltip--safe-space));
}
.tds-tooltip--align-end:not(.tds-tooltip--overlay),
.tds-tooltip--align-start:not(.tds-tooltip--overlay) {
  -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
}
.tds-tooltip--align-start:not(.tds-tooltip--overlay),
[dir='rtl'] .tds-tooltip--align-end:not(.tds-tooltip--overlay) {
  left: calc(var(--tds-tooltip--padding) * -1);
  right: auto;
}
.tds-tooltip--align-end:not(.tds-tooltip--overlay),
[dir='rtl'] .tds-tooltip--align-start:not(.tds-tooltip--overlay) {
  left: auto;
  right: calc(var(--tds-tooltip--padding) * -1);
}
.tds-tooltip--width-full {
  inline-size: auto;
  left: 0;
  max-inline-size: 100%;
  right: 0;
  -webkit-transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
  transform: translateY(var(--tds-tooltip--translate-y)) translateX(0);
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}
.tds-tooltip:before {
  bottom: calc(var(--tds-tooltip--safe-space) * -1);
  content: '';
  left: calc(var(--tds-tooltip--safe-space) * -1);
  position: absolute;
  right: calc(var(--tds-tooltip--safe-space) * -1);
  top: calc(var(--tds-tooltip--safe-space) * -1);
}
[data-tds-tooltip-trigger] {
  cursor: pointer;
}
.tds-tooltip-wrapper,
.tds-tooltip-wrapper--inline {
  position: relative;
}
.tds-tooltip-wrapper {
  display: flex;
}
.tds-tooltip-wrapper--inline {
  display: inline-flex;
}
.tds-tooltip > * {
  position: relative;
  z-index: 2;
}
.tds-tooltip > :first-child {
  -webkit-margin-before: 0;
  -webkit-padding-before: 0;
  margin-block-start: 0;
  padding-block-start: 0;
}
.tds-tooltip > :last-child {
  -webkit-margin-after: 0;
  -webkit-padding-after: 0;
  margin-block-end: 0;
  padding-block-end: 0;
}
.tds-component-preview,
:root {
  --tds-heading--font-weight: 500;
  --tds-heading--letter-spacing: 0;
  --tds-heading--text-transform: none;
}
.tds-text--body,
.tds-text--body_large,
.tds-text--caption-header,
.tds-text--h1,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6,
.tds-text--section_subtitle {
  display: block;
  margin: 0;
}
.tds-list,
.tds-text--body,
.tds-text--caption-header,
.tds-text--h1,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6 {
  line-height: var(--tds-line-height--30);
}
strong {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-text--caption-header,
.tds-text--h1,
.tds-text--h1-alt,
.tds-text--h2,
.tds-text--h3,
.tds-text--h4,
.tds-text--h5,
.tds-text--h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-padding-before: var(--tds-size--4x);
  -webkit-padding-after: var(--tds-size--1x);
  color: var(--tds-theme-foreground-high-contrast);
  font-family: var(--tds-font-family--combined);
  font-weight: var(--tds-heading--font-weight);
  letter-spacing: var(--tds-heading--letter-spacing);
  padding-block-end: var(--tds-size--1x);
  padding-block-start: var(--tds-size--4x);
  text-transform: var(--tds-heading--text-transform);
  transition: font 0.33s ease, color 0.33s ease, opacity 0.33s ease, padding 0.33s ease;
}
.tds-text--h6,
h6 {
  -webkit-padding-after: 0;
  padding-block-end: 0;
}
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tds-text--h1,
    .tds-text--h1-alt,
    .tds-text--h2,
    .tds-text--h3,
    .tds-text--h4,
    .tds-text--h5,
    .tds-text--h6
  )
  + :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tds-text--h1,
    .tds-text--h1-alt,
    .tds-text--h2,
    .tds-text--h3,
    .tds-text--h4,
    .tds-text--h5,
    .tds-text--h6
  ) {
  -webkit-padding-before: var(--tds-size--2x);
  padding-block-start: var(--tds-size--2x);
}
@media (max-width: 599px) {
  .tds-text--h1,
  .tds-text--h1-alt,
  h1 {
    --tds-heading--letter-spacing: -0.7px;
    font-size: var(--tds-font-size--70, 28px);
    line-height: var(--tds-line-height--70, 36px);
  }
  .tds-text--h2,
  h2 {
    --tds-heading--letter-spacing: -0.6px;
    font-size: var(--tds-font-size--60, 24px);
    line-height: var(--tds-line-height--60, 28px);
  }
  .tds-text--h3,
  h3 {
    --tds-heading--letter-spacing: -0.5px;
    font-size: var(--tds-font-size--50, 20px);
    line-height: var(--tds-font-size--60, 28px);
  }
  .tds-text--h4,
  h4 {
    font-size: var(--tds-font-size--40, 17px);
    line-height: var(--tds-line-height--20, 20px);
  }
  .tds-text--h5,
  .tds-text--h6,
  h5,
  h6 {
    font-size: var(--tds-font-size--30, 14px);
    line-height: var(--tds-line-height--30, 20px);
  }
  .tds-text--caption-header {
    font-size: var(--tds-font-size--20, 12px);
    line-height: var(--tds-line-height--10, 18px);
  }
}
@media (min-width: 600px) {
  .tds-text--h1,
  h1 {
    font-size: var(--tds-font-size--80, 40px);
    line-height: var(--tds-line-height--80, 48px);
  }
  .tds-text--h1,
  .tds-text--h1-alt,
  h1 {
    --tds-heading--letter-spacing: -0.6px;
  }
  .tds-text--h1-alt {
    font-size: var(--tds-font-size--75);
    line-height: var(--tds-line-height--75);
  }
  .tds-text--h2,
  h2 {
    --tds-heading--letter-spacing: -0.5px;
    font-size: var(--tds-font-size--70, 28px);
    line-height: var(--tds-line-height--70, 36px);
  }
  .tds-text--h3,
  h3 {
    --tds-heading--letter-spacing: -0.6px;
    font-size: var(--tds-font-size--60, 24px);
  }
  .tds-text--h3,
  .tds-text--h4,
  h3,
  h4 {
    line-height: var(--tds-line-height--60, 28px);
  }
  .tds-text--h4,
  h4 {
    --tds-heading--letter-spacing: -0.4px;
    font-size: var(--tds-font-size--50, 20px);
  }
  .tds-text--h5,
  h5 {
    font-size: var(--tds-font-size--40, 17px);
    line-height: var(--tds-line-height--20, 20px);
  }
  .tds-text--h6,
  h6 {
    font-size: var(--tds-font-size--30, 14px);
    line-height: var(--tds-line-height--30, 20px);
  }
  .tds-text--caption-header {
    font-size: var(--tds-font-size--20, 12px);
    line-height: var(--tds-line-height--10, 18px);
  }
}
.tds-text-eyebrow--10,
.tds-text-eyebrow--20,
.tds-text-eyebrow--30 {
  display: block;
  font-family: var(--tds-font-family--combined);
  font-weight: var(--tds-font-weight--book);
  line-height: var(--tds-line-height--unitless);
}
.tds-text-eyebrow--20,
.tds-text-eyebrow--30 {
  letter-spacing: -0.4px;
}
.tds-text-eyebrow--10 {
  font-size: var(--tds-font-size--30);
}
.tds-text-eyebrow--20 {
  font-size: var(--tds-font-size--40);
}
.tds-text-eyebrow--30 {
  font-size: var(--tds-font-size--55);
}
@media (max-width: 599px) {
  .tds-text--jumbo_mobile {
    font-family: var(--tds-font-family--combined) !important;
    font-size: 36px !important;
    font-weight: var(--tds-heading--font-weight) !important;
    line-height: 36px !important;
  }
}
.tds-text--body {
  font-size: var(--tds-font-size--30);
  line-height: var(--tds-line-height--30);
}
.tds-text--body + .tds-text--body {
  -webkit-padding-before: 14px;
  padding-block-start: 14px;
}
.tds-text--caption {
  -webkit-padding-before: 12px;
  color: var(--tds-theme-foreground-low-contrast);
  font-size: var(--tds-font-size--20);
  line-height: var(--tds-line-height--10);
  padding-block-start: 12px;
}
.tds-text--200 {
  font-weight: 200 !important;
}
.tds-text--300 {
  font-weight: 300 !important;
}
.tds-text--400 {
  font-weight: 400 !important;
}
.tds-text--500 {
  font-weight: 500 !important;
}
.tds-text--700 {
  font-weight: 700 !important;
}
.tds-text--contrast-high {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-text--contrast-medium {
  color: var(--tds-theme-foreground);
}
.tds-text--contrast-low {
  color: var(--tds-theme-foreground-low-contrast);
}
.tds-text--center {
  -webkit-margin-end: auto;
  -webkit-margin-start: auto;
  margin-inline-end: auto;
  margin-inline-start: auto;
  text-align: center !important;
}
.tds-text--end {
  text-align: end !important;
}
.tds-text--start {
  text-align: start !important;
}
.tds-text--with_divider {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.tds-text--with_divider:after {
  -webkit-margin-start: 0.5em;
  background-color: var(--tds-theme-foreground-high-contrast);
  block-size: 1px;
  content: '';
  display: block;
  inline-size: 100%;
  margin-inline-start: 0.5em;
}
.tds-text--capitalize {
  text-transform: capitalize;
}
.tds-text--uppercase {
  text-transform: uppercase;
}
.tds-text--lowercase {
  text-transform: lowercase;
}
code {
  background-color: var(--tds-theme-background-container);
  border: 1px solid var(--tds-theme-border-low-contrast);
  border-radius: 0.25em;
  color: var(--tds-theme-foreground);
  font-family: var(--tds-font-family--monospace);
  max-inline-size: 100%;
  padding: 0.125em 0.414em;
  transition: background-color 0.3s ease, color 0.3s ease;
}
pre code {
  display: block;
  margin: 0;
  overflow-x: auto;
  padding: var(--tds-size--1x);
  white-space: pre;
}
.tds-component-preview,
:root {
  --tds-spacer-base: var(--tds-size--half);
  --tds-spacer-1x: var(--tds-spacer-base);
  --tds-spacer-2x: calc(var(--tds-spacer-base) * 2);
  --tds-spacer-3x: calc(var(--tds-spacer-base) * 3);
  --tds-spacer-4x: calc(var(--tds-spacer-base) * 4);
  --tds-spacer-5x: calc(var(--tds-spacer-base) * 5);
  --tds-spacer-6x: calc(var(--tds-spacer-base) * 6);
  --tds-spacer-8x: calc(var(--tds-spacer-base) * 8);
  --tds-spacer-10x: calc(var(--tds-spacer-base) * 10);
  --tds-spacer-12x: calc(var(--tds-spacer-base) * 12);
  --tds-spacer-14x: calc(var(--tds-spacer-base) * 14);
  --tds-spacer-16x: calc(var(--tds-spacer-base) * 16);
  --tds-spacer-18x: calc(var(--tds-spacer-base) * 18);
  --tds-spacer-20x: calc(var(--tds-spacer-base) * 20);
  --tds-spacer-24x: calc(var(--tds-spacer-base) * 24);
  --tds-spacer-32x: calc(var(--tds-spacer-base) * 32);
}
:is(h1, h2, h3, h4) + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-5x);
}
:is(h5, p, ul, ol, .tds-list, legend) + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-4x);
}
h6 + :is(p, ul, ol, .tds-list, legend) {
  --tds-spacer-top: var(--tds-spacer-3x);
}
* + form {
  --tds-spacer-top: var(--tds-spacer-10x);
}
.tds--vertical-rhythm :is(h1, h2, h3, h4, h5, h6),
.tds--vertical-rhythm [class*='tds--pad-top-'],
.tds--vertical-rhythm [class*='tds-spacer-'] {
  -webkit-padding-before: var(--tds-spacer-top);
  padding-block-start: var(--tds-spacer-top);
}
.tds--vertical-rhythm :is(*) + :is(p, form, ul, ol, .tds-list, legend) {
  -webkit-padding-before: var(--tds-spacer-top);
  padding-block-start: var(--tds-spacer-top);
}
@media (max-width: 599px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 18);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 16);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4),
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, .tds-text--h5),
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs),
  :is(h6, .tds-text--h6),
  :is(h6, .tds-text--h6).tds--pad-top-lg,
  :is(h6, .tds-text--h6).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-5x);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-20x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: var(--tds-spacer-18x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-16x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h4, .tds-text--h4),
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h6, .tds-text--h6).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, .tds-text--h5),
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs),
  :is(h6, .tds-text--h6),
  :is(h6, .tds-text--h6).tds--pad-top-lg {
    --tds-spacer-top: var(--tds-spacer-5x);
  }
}
@media (min-width: 900px) {
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xl {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 22);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 20);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt) {
    --tds-spacer-top: var(--tds-spacer-18x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-sm,
  :is(h2, .tds-text--h2).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-16x);
  }
  :is(h1, .tds-text--h1, .tds-text--h1-alt).tds--pad-top-xs,
  :is(h2, .tds-text--h2).tds--pad-top-lg,
  :is(h3, .tds-text--h3).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-14x);
  }
  :is(h2, .tds-text--h2),
  :is(h3, .tds-text--h3).tds--pad-top-lg,
  :is(h4, .tds-text--h4).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-12x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-sm,
  :is(h3, .tds-text--h3),
  :is(h4, .tds-text--h4).tds--pad-top-lg,
  :is(h5, .tds-text--h5).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-10x);
  }
  :is(h2, .tds-text--h2).tds--pad-top-xs,
  :is(h3, .tds-text--h3).tds--pad-top-sm,
  :is(h4, .tds-text--h4),
  :is(h5, .tds-text--h5).tds--pad-top-lg,
  :is(h6, .tds-text--h6).tds--pad-top-xl {
    --tds-spacer-top: var(--tds-spacer-8x);
  }
  :is(h3, .tds-text--h3).tds--pad-top-xs,
  :is(h4, .tds-text--h4).tds--pad-top-sm,
  :is(h5, .tds-text--h5),
  :is(h6, .tds-text--h6) {
    --tds-spacer-top: var(--tds-spacer-6x);
  }
  :is(h4, .tds-text--h4).tds--pad-top-xs,
  :is(h5, h6, .tds-text--h5, .tds-text--h6):is(.tds--pad-top-sm, .tds--pad-top-xs) {
    --tds-spacer-top: var(--tds-spacer-4x);
  }
  :is(h6, .tds-text--h6).tds--pad-top-lg {
    --tds-spacer-top: calc(var(--tds-spacer-base) * 7);
  }
}
.tds--pad-top-1x {
  --tds-spacer-top: var(--tds-spacer-1x);
}
.tds--pad-top-2x {
  --tds-spacer-top: var(--tds-spacer-2x);
}
.tds--pad-top-3x {
  --tds-spacer-top: var(--tds-spacer-3x);
}
.tds--pad-top-4x {
  --tds-spacer-top: var(--tds-spacer-4x);
}
.tds--pad-top-6x {
  --tds-spacer-top: var(--tds-spacer-6x);
}
.tds--pad-top-8x {
  --tds-spacer-top: var(--tds-spacer-8x);
}
.tds--pad-top-10x {
  --tds-spacer-top: var(--tds-spacer-10x);
}
.tds--pad-top-12x {
  --tds-spacer-top: var(--tds-spacer-12x);
}
.tds--pad-top-14x {
  --tds-spacer-top: var(--tds-spacer-14x);
}
.tds--pad-top-16x {
  --tds-spacer-top: var(--tds-spacer-16x);
}
.tds--pad-top-18x {
  --tds-spacer-top: var(--tds-spacer-18x);
}
.tds--pad-top-24x {
  --tds-spacer-top: var(--tds-spacer-24x);
}
.tds--pad-top-32x {
  --tds-spacer-top: var(--tds-spacer-32x);
}
.tds-progress_bar-wrapper {
  inline-size: 100%;
  position: relative;
}
.tds-progress_bar {
  --tds-progress-bar--background-color: transparent;
  --tds-progress-bar--bar-color: var(--tds-theme-background-container);
  --tds-progress-bar--border-radius: var(--tds-size--4x);
  --tds-progress-bar--height: var(--tds-size--2x);
  --tds-progress-bar--value-color: var(--tds-theme-primary);
  -webkit-appearance: none;
  appearance: none;
  block-size: var(--tds-progress-bar--height);
  border: none;
  border-radius: var(--tds-progress-bar--border-radius);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  display: block;
  inline-size: 100%;
  overflow: hidden;
}
.tds-density--dense {
  --tds-progress-bar--height: 12px;
}
.tds-progress_bar--secondary {
  --tds-progress-bar--value-color: var(--tds-theme-foreground-high-contrast);
}
.tds-progress_bar::-webkit-progress-bar {
  background-color: var(--tds-progress-bar--bar-color);
  border: none;
  border-radius: var(--tds-progress-bar--border-radius);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.tds-progress_bar::-webkit-progress-value {
  background-color: var(--tds-progress-bar--value-color);
  border-radius: var(--tds-progress-bar--border-radius);
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.tds-progress_bar::-moz-progress-bar {
  background-color: var(--tds-progress-bar--value-color);
}
.tds-theme--replicant {
  --tds-btn--font-size: var(--tds-font-size--20);
}
.tds-theme--replicant .tds-btn {
  --tds-btn--background-color: transparent;
  border: none;
  color: var(--tds-theme-foreground-on-primary);
  -webkit-filter: var(--tds-glow--medium);
  filter: var(--tds-glow--medium);
  font-weight: var(--tds-font-weight--bold, 700);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-btn:focus-visible {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn,
.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn,
.tds-theme--replicant.tds-scrim--black .tds-card .tds-btn {
  color: var(--tds-color-black);
}
.tds-scrim--black .tds-theme--replicant .tds-card .tds-btn--tertiary,
.tds-theme--replicant .tds-scrim--black .tds-card .tds-btn--tertiary,
.tds-theme--replicant.tds-scrim--black .tds-card .tds-btn--tertiary {
  color: var(--tds-color-white);
}
.tds-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary) {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-btn:is(:disabled, .tds--disabled) {
  -webkit-filter: none;
  filter: none;
}
.tds-theme--replicant .tds-btn:is(:focus, .tds--focus) {
  box-shadow: none;
  outline: none;
}
.tds--focus .tds-theme--replicant .tds-btn:focus,
.tds--focus.tds-theme--replicant .tds-btn:focus,
.tds--indicate-focus .tds-theme--replicant .tds-btn:focus,
.tds-theme--replicant .tds--focus .tds-btn:focus {
  outline: var(--tds-outline--focus);
  outline-offset: 2px;
}
.tds-theme--replicant .tds-btn--secondary:not([disabled], .tds--disabled):is(:focus, .tds--focus) {
  --tds-btn--background-color: transparent;
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  --tds-btn--background-color: transparent;
  -webkit-animation: tds-flicker--soft 1s forwards;
  animation: tds-flicker--soft 1s forwards;
  -webkit-filter: var(--tds-glow--bright);
  filter: var(--tds-glow--bright);
  opacity: 1;
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  color: var(--tds-theme-foreground-on-primary);
}
.tds-theme--replicant .tds-btn:after,
.tds-theme--replicant .tds-btn:before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-btn:before {
  background: var(--tds-theme-foreground-high-contrast);
  -webkit-clip-path: var(--tds-notch);
  clip-path: var(--tds-notch);
  z-index: -1;
}
:is([dir='rtl'].tds-theme--replicant, [dir='rtl'] .tds-theme--replicant, .tds-theme--replicant [dir='rtl'])
  .tds-btn:before {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
:is([dir='rtl'].tds-theme--replicant, [dir='rtl'] .tds-theme--replicant, .tds-theme--replicant [dir='rtl'])
  .tds-btn:after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tds-theme--replicant :is(.tds-btn--secondary, .tds-btn--tertiary):before {
  background: transparent;
}
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled):after,
.tds-theme--replicant .tds-btn:is(:hover, .tds--hover):not([disabled], .tds--disabled):before {
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-btn--secondary:after {
  background: var(--tds-theme-foreground-high-contrast);
  -webkit-clip-path: var(--tds-notch--outline);
  clip-path: var(--tds-notch--outline);
}
.tds-theme--replicant .tds-btn--secondary:is(:hover, .tds--hover):not([disabled], .tds--disabled):before {
  background: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-card .tds-btn--tertiary {
  background-color: inherit;
}
:where(.tds-theme--replicant) .tds-chip {
  --tds-border-radius--pill: 0;
  -webkit-padding-end: var(--tds-size--half);
  -webkit-padding-start: var(--tds-size--1x);
  background-color: var(--tds-theme-foreground-high-contrast);
  color: var(--tds-theme-foreground-on-primary);
  padding-inline-end: var(--tds-size--half);
  padding-inline-start: var(--tds-size--1x);
}
:where(.tds-theme--replicant) .tds-form-input--default .tds-chip {
  background-color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-th--sortable .tds-th--inner:before {
  border-radius: 0;
}
.tds-form--indent .tds-theme--replicant,
.tds-theme--replicant,
.tds-theme--replicant .tds-form--indent,
.tds-theme--replicant [class*='tds-density--'],
.tds-theme--replicant.tds-form--indent,
.tds-theme--replicant[class*='tds-density--'],
[class*='tds-density--'] .tds-theme--replicant {
  --tds-form--indent: 0;
}
.tds-theme--replicant .tds-form-label {
  --tds-form-label--font-size: var(--tds-font-size--20);
  color: var(--tds-theme-foreground-high-contrast);
  font-weight: var(--tds-heading--font-weight);
  letter-spacing: var(--tds-heading--letter-spacing);
  text-transform: var(--tds-heading--text-transform);
}
.tds-theme--replicant .tds-form-input {
  background: none;
  box-shadow: none;
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input--default:not(.tds-form-input--collapsed) {
  --tds-form--indent: 12px;
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  border-radius: 0;
}
.tds-theme--replicant .tds-form--error .tds-form-input--default {
  --tds-form-input--border-color: var(--tds-theme-secondary-negative);
}
.tds-scrim--black .tds-theme--replicant .tds-card,
.tds-theme--replicant .tds-scrim--black .tds-card,
.tds-theme--replicant.tds-scrim--black .tds-card {
  --tds-color--secondary: var(--tds-color-white);
  --tds-form-input--border-color: var(--tds-color-white);
}
.tds-theme--replicant .tds-form-input--default:before {
  background-color: var(--tds-form-input--border-color, var(--tds-theme-foreground-high-contrast));
  bottom: 0;
  -webkit-clip-path: var(--tds-notch--outline-thin);
  clip-path: var(--tds-notch--outline-thin);
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.5s ease, -webkit-clip-path 0.5s ease;
  transition: clip-path 0.5s ease, background-color 0.5s ease;
  transition: clip-path 0.5s ease, background-color 0.5s ease, -webkit-clip-path 0.5s ease;
}
.tds-theme--replicant .tds-form-input--default:focus-within {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
  outline-offset: 2px;
}
:is([dir='rtl'].tds-theme--replicant, [dir='rtl'] .tds-theme--replicant, .tds-theme--replicant [dir='rtl'])
  .tds-form-input--default:before {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-form-input--default.tds-form-input--readonly:before {
  display: none;
}
.tds-theme--replicant .tds-form-input--default:focus-within:before {
  -webkit-clip-path: var(--tds-notch--outline);
  clip-path: var(--tds-notch--outline);
}
.tds-theme--replicant .tds-form-input--default .tds-form-input.tds-form-input--focus,
.tds-theme--replicant .tds-form-input--default.tds-form-input.tds-form-input--focus {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input-trailing .tds-icon--small {
  -webkit-margin-end: 2px;
  margin-inline-end: 2px;
}
.tds-theme--replicant .tds-form-input-trailing .tds-icon-btn:last-child {
  -webkit-margin-end: -6px;
  margin-inline-end: -6px;
}
.tds-theme--replicant .tds-card .tds-form-input--default:before {
  --tds-form-input--border-color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input-choice {
  --tds-text--color--light: var(--tds-theme-foreground-high-contrast);
  border-radius: 0;
  transition: opacity 0.33s ease;
}
.tds-theme--replicant .tds-form-input-choice:after {
  opacity: 0;
  -webkit-transform: none;
  transform: none;
  transition: opacity 0.33s ease;
}
.tds-theme--replicant .tds-form-input-choice:checked {
  -webkit-animation: tds-flicker--soft 1s forwards;
  animation: tds-flicker--soft 1s forwards;
  opacity: 1;
}
.tds-theme--replicant .tds-form-input-choice:checked:after {
  opacity: 1;
  transition: opacity 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-form-input-choice-label .tds-form-label {
  font-weight: var(--tds-font-weight--medium);
  letter-spacing: inherit;
  text-transform: inherit;
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input {
  --tds-plus--transform-size: calc((var(--tds-height--choice) + var(--tds-size--1x)) * -1);
  color: var(--tds-theme-foreground);
  font-weight: var(--tds-heading--font-weight);
  letter-spacing: var(--tds-heading--letter-spacing);
  text-transform: var(--tds-heading--text-transform);
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:hover,
.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input {
  color: var(--tds-theme-foreground-high-contrast);
}
.tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:after {
  -webkit-margin-before: var(--tds-size--half);
  background: var(--tds-fading-line);
  block-size: 3px;
  bottom: 0;
  box-shadow: 0 0 0 0 rgba(var(--tds-color--rgb-shade), 0.15);
  content: '';
  display: block;
  inline-size: 100%;
  margin-block-start: var(--tds-size--half);
  opacity: 0.33;
  position: absolute;
  transition: opacity 0.33s ease, box-shadow 0.33s ease;
}
[dir='rtl'] .tds-theme--replicant .tds-form-input-hidden-choice + .tds-form-input:after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-form-input-hidden-choice[type='checkbox'] + .tds-form-input:after {
  transition: opacity 0.52s ease 0.48s, box-shadow 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-form-input-hidden-choice:checked + .tds-form-input:after {
  box-shadow: -2px 0 6px 4px rgba(var(--tds-color--rgb-shade), 0.15);
  opacity: 1;
}
.tds-theme--replicant .tds-form-input--option {
  --tds-form--indent: 0;
}
.tds-density--dense .tds-theme--replicant .tds-form-input--option,
.tds-theme--replicant .tds-density--dense .tds-form-input--option,
.tds-theme--replicant.tds-density--dense .tds-form-input--option {
  --tds-form--indent: var(--tds-size--2x);
}
.tds-density--default .tds-theme--replicant .tds-form-input--option,
.tds-theme--replicant .tds-density--default .tds-form-input--option,
.tds-theme--replicant.tds-density--default .tds-form-input--option {
  --tds-form--indent: 20px;
}
.tds-theme--replicant .tds-form-input-visual-checkbox {
  box-shadow: none;
  position: relative;
}
.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input {
  border-radius: 0;
}
.tds-theme--replicant .tds-form-input-hidden-choice:focus + .tds-form-input .tds-form-input-visual-checkbox {
  box-shadow: none;
}
.tds-theme--replicant .tds-form-input-visual-checkbox:after,
.tds-theme--replicant .tds-form-input-visual-checkbox:before {
  -webkit-animation: turn-off 1s;
  animation: turn-off 1s;
  background: currentColor;
  block-size: 1em;
  bottom: 0;
  content: '';
  display: block;
  inline-size: 2px;
  left: 0;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.52s var(--tds-bezier) 0.48s;
  transition: transform 0.52s var(--tds-bezier) 0.48s;
  transition: transform 0.52s var(--tds-bezier) 0.48s, -webkit-transform 0.52s var(--tds-bezier) 0.48s;
}
.tds-theme--replicant .tds-form-input-visual-checkbox:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tds-theme--replicant .tds-form-input-hidden-choice[type='checkbox'] + .tds-form-input .tds-form-input-leading {
  transition: -webkit-transform 0.52s var(--tds-bezier) 0.48s;
  transition: transform 0.52s var(--tds-bezier) 0.48s;
  transition: transform 0.52s var(--tds-bezier) 0.48s, -webkit-transform 0.52s var(--tds-bezier) 0.48s;
}
.tds-theme--replicant .tds-form-input-hidden-choice[type='checkbox']:checked + .tds-form-input .tds-form-input-leading {
  -webkit-animation: turn-on 1s;
  animation: turn-on 1s;
  -webkit-transform: translateX(var(--tds-plus--transform-size));
  transform: translateX(var(--tds-plus--transform-size));
}
.tds-theme--replicant
  .tds-form-input-hidden-choice[type='checkbox']:checked
  + .tds-form-input
  .tds-form-input-visual-checkbox:after,
.tds-theme--replicant
  .tds-form-input-hidden-choice[type='checkbox']:checked
  + .tds-form-input
  .tds-form-input-visual-checkbox:before {
  opacity: 0;
}
.tds-theme--replicant
  .tds-form-input-hidden-choice[type='checkbox']:checked
  + .tds-form-input
  .tds-form-input-visual-checkbox:before {
  -webkit-animation: turn-on-before 1s;
  animation: turn-on-before 1s;
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.tds-theme--replicant
  .tds-form-input-hidden-choice[type='checkbox']:checked
  + .tds-form-input
  .tds-form-input-visual-checkbox:after {
  -webkit-animation: turn-on-after 1s;
  animation: turn-on-after 1s;
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
@-webkit-keyframes turn-on {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  48% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(var(--tds-plus--transform-size));
    transform: translateX(var(--tds-plus--transform-size));
  }
}
@keyframes turn-on {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  48% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(var(--tds-plus--transform-size));
    transform: translateX(var(--tds-plus--transform-size));
  }
}
@-webkit-keyframes turn-on-before {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
  }
}
@keyframes turn-on-before {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
  }
}
@-webkit-keyframes turn-on-after {
  0% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
  }
}
@keyframes turn-on-after {
  0% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  8% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  48% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
  }
}
@-webkit-keyframes turn-off {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  16% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes turn-off {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  16% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.tds-theme--replicant .tds-link {
  box-shadow: 0 0.5px 0 0 hsla(0, 0%, 73%, 0.75);
  transition: color 0.33s ease, box-shadow 0.33s ease;
}
.tds-theme--replicant .tds-link:is(:hover, .tds--hover):not([disabled], .tds--disabled) {
  --tds-text--color: var(--tds-theme-foreground-high-contrast);
  box-shadow: 0 1.5px 0 0 rgba(var(--tds-color--rgb-shade), 1);
  transition: color 0.33s ease, box-shadow 0.33s ease;
}
.tds-theme--replicant .tds-link--primary,
.tds-theme--replicant .tds-link--secondary {
  --tds-text--color: inherit;
  font-weight: var(--tds-font-weight--book, 400);
}
.tds-theme--replicant {
  --tds-modal--full-height: calc(100vh - var(--tds-size--8x));
  --tds-modal--full-width: calc(100vw - var(--tds-size--8x));
}
.tds-theme--replicant .tds-modal {
  background-color: transparent;
  border-radius: 0;
  bottom: auto;
  box-shadow: none;
  color: var(--tds-theme-foreground-high-contrast);
  -webkit-filter: drop-shadow(0 0 6px hsla(0, 0%, 100%, 0.33));
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.33));
}
.tds-theme--replicant .tds-modal-content {
  overflow: auto;
}
.tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) {
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.tds-theme--replicant [dir='rtl'] .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
.tds-theme--replicant [dir='rtl'].tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
[dir='rtl'] .tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left),
[dir='rtl'].tds-theme--replicant .tds-modal:not(.tds-modal--sheet-right, .tds-modal--sheet-left) {
  left: unset;
  right: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-right {
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-right.tds-modal[open] {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-left {
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%) translateY(0);
  transform: translateX(-100%) translateY(0);
}
.tds-theme--replicant .tds-modal.tds-modal--sheet-left.tds-modal[open] {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.tds-theme--replicant .tds-modal:after,
.tds-theme--replicant .tds-modal:before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tds-theme--replicant .tds-modal:before {
  background-color: var(--tds-theme-foreground-high-contrast);
  -webkit-clip-path: var(--tds-notch--outline);
  clip-path: var(--tds-notch--outline);
  opacity: 1;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-modal:after {
  background-color: var(--tds-theme-background-dialog);
  -webkit-clip-path: var(--tds-notch);
  clip-path: var(--tds-notch);
  opacity: 1;
  z-index: -1;
}
.tds-theme--replicant [dir='rtl'] .tds-modal:after,
.tds-theme--replicant [dir='rtl'] .tds-modal:before,
.tds-theme--replicant [dir='rtl'].tds-modal:after,
.tds-theme--replicant [dir='rtl'].tds-modal:before,
[dir='rtl'] .tds-theme--replicant .tds-modal:after,
[dir='rtl'] .tds-theme--replicant .tds-modal:before,
[dir='rtl'].tds-theme--replicant .tds-modal:after,
[dir='rtl'].tds-theme--replicant .tds-modal:before {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tds-theme--replicant .tds-modal[open]:before {
  -webkit-animation: turn-on-modal-before 1s forwards;
  animation: turn-on-modal-before 1s forwards;
}
@-webkit-keyframes turn-on-modal-before {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.5;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.5;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  48% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes turn-on-modal-before {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 0.5;
  }
  16% {
    opacity: 1;
  }
  24% {
    opacity: 0.5;
  }
  32% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  48% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.tds-theme--replicant .tds-modal-footer,
.tds-theme--replicant .tds-modal-header {
  background-color: transparent;
}
@media (max-width: 599px) {
  .tds-theme--replicant .tds-modal {
    inline-size: var(--tds-modal--full-width) !important;
  }
  .tds-theme--replicant .tds-modal--fullscreen {
    block-size: var(--tds-modal--full-height) !important;
  }
}
@media (min-width: 600px) {
  .tds-theme--replicant .tds-modal--fullscreen {
    block-size: var(--tds-modal--full-height);
    inline-size: var(--tds-modal--full-width);
  }
  .tds-modal--fullscreen + .tds-modal-backdrop {
    display: block;
  }
}
.tds-theme--replicant .tds-modal-close {
  background-color: transparent;
  border-radius: 0;
  -webkit-filter: var(--tds-glow--off);
  filter: var(--tds-glow--off);
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-modal-close:focus,
.tds-theme--replicant .tds-modal-close:hover {
  -webkit-animation: tds-flicker--soft 1s forwards;
  animation: tds-flicker--soft 1s forwards;
  -webkit-filter: var(--tds-glow--bright);
  filter: var(--tds-glow--bright);
  transition: 0.52s ease 0.48s;
}
.tds-theme--replicant .tds-modal-close-icon {
  block-size: var(--tds-size--2x);
  inline-size: var(--tds-size--2x);
}
.tds-theme--replicant [dir='rtl'] .tds-modal.tds-modal--sheet-right,
.tds-theme--replicant [dir='rtl'].tds-modal.tds-modal--sheet-right,
[dir='rtl'] .tds-theme--replicant .tds-modal.tds-modal--sheet-right,
[dir='rtl'].tds-theme--replicant .tds-modal.tds-modal--sheet-right {
  left: unset;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0);
}
.tds-theme--replicant [dir='rtl'] .tds-modal.tds-modal--sheet-left,
.tds-theme--replicant [dir='rtl'].tds-modal.tds-modal--sheet-left,
[dir='rtl'] .tds-theme--replicant .tds-modal.tds-modal--sheet-left,
[dir='rtl'].tds-theme--replicant .tds-modal.tds-modal--sheet-left {
  left: 0;
  right: unset;
  top: 0;
  -webkit-transform: translateX(-100%) translateY(0);
  transform: translateX(-100%) translateY(0);
}
.tds-theme--replicant .tds-progress_bar {
  --tds-notch--outline-thin__progress: polygon(
    0 0,
    100% 0,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    0 100%,
    0 1.5px,
    1.5px 1.5px,
    1.5px calc(100% - 1.5px),
    calc(100% - 9.5px) calc(100% - 1.5px),
    calc(100% - 1.5px) calc(100% - 9.5px),
    calc(100% - 1.5px) 1.5px,
    0 1.5px
  );
  --tds-notch_progress: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
  --tds-progress-bar--bar-color: transparent;
  --tds-progress-bar--border-radius: 1px;
  --tds-progress-bar--height: var(--tds-size--3x);
  background-color: transparent;
  box-shadow: none;
  padding: 4px;
}
.tds-theme--replicant .tds-progress_bar-wrapper:before {
  background: var(--tds-theme-foreground-high-contrast);
  bottom: 0;
  -webkit-clip-path: var(--tds-notch--outline-thin);
  clip-path: var(--tds-notch--outline-thin);
  content: '';
  display: block;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s ease;
}
.tds-theme--replicant .tds-progress_bar::-webkit-progress-value {
  border-radius: 0;
  box-shadow: var(--tds-glow--medium);
  -webkit-clip-path: var(--tds-notch_progress);
  clip-path: var(--tds-notch_progress);
}
.tds-theme--replicant .tds-progress_bar::-webkit-progress-bar {
  box-shadow: none;
}
.tds-progress_bar--primary::-moz-progress-bar {
  border-radius: 0;
  box-shadow: var(--tds-glow--medium);
  clip-path: var(--tds-notch_progress);
}
.tds-theme--replicant .tds-status_msg {
  --tds-card--padding: 0;
}
.tds-theme--replicant .tds-status_msg--enclosed {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: hsla(0, 0%, 50%, 0.125);
}
.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon {
  --tds-card--padding: 0;
}
.tds-theme--replicant .tds-status_msg .tds-card-body {
  padding: 0;
}
.tds-theme--replicant .tds-status_msg:not(.tds-card--layout-vertical) .tds-icon + .tds-card-body,
.tds-theme--replicant .tds-status_msg:not(.tds-card--open) .tds-icon + .tds-card-body {
  -webkit-padding-start: var(--tds-size--1x);
  padding-inline-start: var(--tds-size--1x);
}
.tds-theme--replicant .tds-switch_toggle {
  --tds-border-radius--circle: 0;
  --tds-switch_toggle--radius: 0;
}
.tds-theme--replicant .tds-switch_toggle-track:after {
  background-color: var(--tds-theme-foreground-on-primary);
}
.tds-theme--replicant .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-track {
  background-color: var(--tds-color-white);
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:last-child {
  right: 0;
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-btn:nth-last-child(2) {
  left: 0;
}
.tds-theme--replicant .tds-switch_toggle--label_inside .tds-switch_toggle-checkbox:checked ~ .tds-switch_toggle-btn {
  color: var(--tds-theme-foreground-on-primary);
}
.tds-theme--replicant :is(h1, h2, .tds-text--h1, .tds-text--h2) {
  text-shadow: 0 0 var(--tds-size--1x) rgba(var(--tds-color--rgb-shade), 0.5);
}
.tds-theme--replicant .tds-text--caption {
  --tds-text--color: var(--tds-color-grey-55);
}
.tds-theme--v6 {
  --tds-btn--font-size: var(--tds-font-size--20);
}
.tds-theme--v6 .tds-btn--large {
  --tds-border-radius--pill: 20px;
}
.tds-theme--v6 .tds-btn {
  text-transform: uppercase;
}
.tds-theme--v6 .tds-date-picker {
  --tds-day-radius: var(--tds-border-radius--circle);
  --tds-end-of-week-radius: var(--tds-size--half);
}
.tds-theme--v6 .tds-form-input-choice[type='checkbox'],
.tds-theme--v6 .tds-form-input-visual-checkbox {
  border-radius: var(--tds-size--half);
}
.tds-theme--v6 .tds-card:is(.tds-locale-selector-trigger, .tds-locale-selector-country) {
  border-radius: 12px;
}
.tds-theme--v6 .tds-animate--backdrop-backdrop,
.tds-theme--v6 .tds-site-nav-item {
  border-radius: 12px;
}
.tds-theme--v6 .tds-tab-list {
  --tds-tab--border-radius: calc(var(--tds-height--pill) / 2);
}
.tds-theme--v6 .tds-tab-list--legacy-vertical,
.tds-theme--v6 .tds-tab-list--underline,
.tds-theme--v6 .tds-tab-list--vertical {
  --tds-tab--border-radius: 0;
}
.tds-theme--v6 .tds-tooltip {
  border-radius: var(--tds-size--1x);
}
.tds--align_center {
  display: block !important;
  margin: 0 auto !important;
}
.tds--align_start {
  -webkit-margin-end: auto !important;
  -webkit-margin-start: 0 !important;
  display: block !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
}
.tds--align_end {
  -webkit-margin-end: 0 !important;
  -webkit-margin-start: auto !important;
  display: block !important;
  margin-inline-end: 0 !important;
  margin-inline-start: auto !important;
}
.tds--animated-backdrop {
  block-size: var(--tds-animate-backdrop-height, 0);
  inline-size: var(--tds-animate-backdrop-width, 0);
  left: var(--tds-animate-backdrop-left, 0);
  opacity: var(--tds-animate-backdrop-opacity, 0);
  position: absolute;
  top: var(--tds-animate-backdrop-top, 0);
  transition: var(--tds-animate-backdrop-transition, opacity 0.5s ease, visibility 0s 0s);
  visibility: var(--tds-animate-backdrop-visibility);
}
.tds-component-preview,
:root {
  --tds-animate-transition-duration--medium: 600ms;
  --tds-animate-transition-duration--short: 500ms;
  --tds-animate-transition-function--base: linear;
  --tds-animate-transition-function--mktg: cubic-bezier(0.165, 0.84, 0.44, 1);
  --tds-animate-transition-property: opacity;
  --tds-animate-transition_duration--long: 1500ms;
  --tds--fade-in: tds--fade-in 1s ease;
  --tds--pulsing: tds--pulsing 1.5s infinite ease-in-out;
  --tds--rotating: tds--rotating 1.5s infinite linear;
}
.tds-animate--fade_out {
  opacity: var(--tds-opacity--transparent);
}
.tds-animate--fade_in,
.tds-animate--fade_out {
  transition: var(--tds-animate-transition-property) var(--tds-animate-transition-duration--short)
    var(--tds-animate-transition-function--base);
}
.tds-animate--fade_in {
  opacity: var(--tds-opacity--100);
}
.tds-animate_small--to_reveal {
  opacity: var(--tds-opacity--transparent);
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  transition: opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg),
    -webkit-transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
  transition: transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg),
    opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
  transition: transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg),
    opacity var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg),
    -webkit-transform var(--tds-animate-transition-duration--short) var(--tds-animate-transition-function--mktg);
  z-index: -1;
}
.tds-animate_small--reveal .tds-animate_small--to_reveal {
  opacity: var(--tds-opacity--100);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: auto;
}
.tds-animate_large--to_reveal {
  opacity: var(--tds-opacity--transparent);
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  z-index: -1;
}
.tds-animate_large--revealed {
  opacity: var(--tds-opacity--100);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg),
    -webkit-transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
  transition: transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg),
    opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
  transition: transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg),
    opacity var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg),
    -webkit-transform var(--tds-animate-transition_duration--long) var(--tds-animate-transition-function--mktg);
  z-index: auto;
}
.tds-animate--squish {
  transition: translate 0.1s ease;
}
.tds-animate--bounce {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: tds-keyframe--bounce;
  animation-name: tds-keyframe--bounce;
}
@-webkit-keyframes tds-keyframe--fade_out {
  0% {
    opacity: var(--tds-opacity--100);
  }
  to {
    opacity: var(--tds-opacity--transparent);
  }
}
@keyframes tds-keyframe--fade_out {
  0% {
    opacity: var(--tds-opacity--100);
  }
  to {
    opacity: var(--tds-opacity--transparent);
  }
}
@-webkit-keyframes tds-keyframe--fade_in {
  0% {
    opacity: var(--tds-opacity--transparent);
  }
  to {
    opacity: var(--tds-opacity--100);
  }
}
@keyframes tds-keyframe--fade_in {
  0% {
    opacity: var(--tds-opacity--transparent);
  }
  to {
    opacity: var(--tds-opacity--100);
  }
}
@-webkit-keyframes tds-keyframe--make_smaller {
  0% {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
  to {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
}
@keyframes tds-keyframe--make_smaller {
  0% {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
  to {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
}
@-webkit-keyframes tds-keyframe--make_larger {
  0% {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
  to {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
}
@keyframes tds-keyframe--make_larger {
  0% {
    max-block-size: 0;
    opacity: var(--tds-opacity--transparent);
  }
  to {
    max-block-size: 100vh;
    opacity: var(--tds-opacity--100);
  }
}
@-webkit-keyframes tds-keyframe--bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@keyframes tds-keyframe--bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.tds--fade-in {
  -webkit-animation: var(--tds--fade-in);
  animation: var(--tds--fade-in);
}
@-webkit-keyframes tds--fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tds--fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tds--rotating {
  -webkit-animation: var(--tds--rotating);
  animation: var(--tds--rotating);
}
@-webkit-keyframes tds--rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes tds--rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.tds--pulsing {
  -webkit-animation: var(--tds--pulsing);
  animation: var(--tds--pulsing);
}
@-webkit-keyframes tds--pulsing {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}
@keyframes tds--pulsing {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}
.tds-columns {
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -webkit-column-width: auto;
  column-width: auto;
  display: block;
}
.tds-columns--two {
  -webkit-column-count: 2;
  column-count: 2;
}
.tds-columns--three {
  -webkit-column-count: 3;
  column-count: 3;
}
@media (min-width: 600px) {
  .tds-columns--two_on_desktop {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .tds-columns--three_on_desktop {
    -webkit-column-count: 3;
    column-count: 3;
  }
}
.tds-component-preview,
:root,
[lang*='en'],
[lang*='en'] body,
html[lang*='en'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='ar-AE'],
[lang='ar-AE'] body,
html[lang='ar-AE'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-arabic), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-arabic), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='he-IL'],
[lang='he-IL'] body,
html[lang='he-IL'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-hebrew), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-hebrew), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='th-TH'],
[lang='th-TH'] body,
html[lang='th-TH'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-thai), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-thai), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='ko-KR'],
[lang='ko-KR'] body,
html[lang='ko-KR'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-korean), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-korean), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='ja-JP'],
[lang='ja-JP'] body,
html[lang='ja-JP'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-japanese), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-japanese), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='zh-CN'],
[lang='zh-CN'] body,
html[lang='zh-CN'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-simplified),
    var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-simplified),
    var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
[lang='zh-HK'],
[lang='zh-HK'] body,
html[lang='zh-HK'] {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-hk), var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-hk), var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
:is([lang='zh-MO'], [lang='zh-TW']),
:is([lang='zh-MO'], [lang='zh-TW']) body,
html:is([lang='zh-MO'], [lang='zh-TW']) {
  --tds-font-family--combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-traditional),
    var(--tds-font-family) !important;
  --tds-font-family-combined: var(--tds-font-family-latin), var(--tds-font-family-chinese-traditional),
    var(--tds-font-family) !important;
  font-family: var(--tds-font-family-combined, --tds-base-font_family, system);
}
.tds--prevent-scroll {
  overflow: hidden;
}
.tds--product-name {
  white-space: nowrap;
}
.tds-fullscreen-ios {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.tds--padding--small {
  padding: var(--tds-size--1x) !important;
}
.tds--padding {
  padding: var(--tds-size--2x) !important;
}
.tds--padding--large {
  padding: var(--tds-size--3x) !important;
}
.tds--no_horizontal_padding {
  -webkit-padding-end: 0 !important;
  -webkit-padding-start: 0 !important;
  padding-inline-end: 0 !important;
  padding-inline-start: 0 !important;
}
.tds--no_vertical_padding {
  -webkit-padding-after: 0 !important;
  -webkit-padding-before: 0 !important;
  padding-block-end: 0 !important;
  padding-block-start: 0 !important;
}
.tds--no_padding {
  padding: 0 !important;
}
.tds--horizontal_padding--small {
  -webkit-padding-end: var(--tds-size--1x) !important;
  -webkit-padding-start: var(--tds-size--1x) !important;
  padding-inline-end: var(--tds-size--1x) !important;
  padding-inline-start: var(--tds-size--1x) !important;
}
.tds--horizontal_padding {
  -webkit-padding-end: var(--tds-size--2x) !important;
  -webkit-padding-start: var(--tds-size--2x) !important;
  padding-inline-end: var(--tds-size--2x) !important;
  padding-inline-start: var(--tds-size--2x) !important;
}
.tds--horizontal_padding--large {
  -webkit-padding-end: var(--tds-size--3x) !important;
  -webkit-padding-start: var(--tds-size--3x) !important;
  padding-inline-end: var(--tds-size--3x) !important;
  padding-inline-start: var(--tds-size--3x) !important;
}
.tds--vertical_padding--small {
  -webkit-padding-after: var(--tds-size--1x) !important;
  -webkit-padding-before: var(--tds-size--1x) !important;
  padding-block-end: var(--tds-size--1x) !important;
  padding-block-start: var(--tds-size--1x) !important;
}
.tds--vertical_padding {
  -webkit-padding-after: var(--tds-size--2x) !important;
  -webkit-padding-before: var(--tds-size--2x) !important;
  padding-block-end: var(--tds-size--2x) !important;
  padding-block-start: var(--tds-size--2x) !important;
}
.tds--vertical_padding--large {
  -webkit-padding-after: var(--tds-size--3x) !important;
  -webkit-padding-before: var(--tds-size--3x) !important;
  padding-block-end: var(--tds-size--3x) !important;
  padding-block-start: var(--tds-size--3x) !important;
}
@media (max-width: 599px) {
  .tds--gutterless_on_small {
    -webkit-padding-start: 0 !important;
    -webkit-padding-end: 0 !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
}
.tds-sticky--left,
.tds-sticky--top {
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.tds-sticky--top {
  top: -1px;
}
.tds-sticky--left {
  left: -1px;
}
.tds--is_hidden {
  display: none !important;
}
.tds--is_visually_hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  block-size: 1px;
  border: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.tds--is_visible {
  visibility: visible;
}
.tds--is_invisible {
  visibility: hidden;
}
@media (max-width: 599px) {
  .tds--hideon-phone-only {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tds--hideon-tablet-portrait-only {
    display: none !important;
  }
}
@media (min-width: 600px) {
  .tds--hideon-tablet-portrait-up {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .tds--hideon-tablet-landscape-only {
    display: none !important;
  }
}
@media (min-width: 900px) {
  .tds--hideon-tablet-landscape-up {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1799px) {
  .tds--hideon-desktop-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .tds--hideon-desktop-up {
    display: none !important;
  }
}
@media (min-width: 1800px) {
  .tds--hideon-desktop-large-up {
    display: none !important;
  }
}
.tds-scrim--black {
  --tds-table-background-color: unset;
}
.tds-scrim--black .tds-table td.table-content--muted {
  color: var(--tds-theme-foreground-low-contrast);
}
:root {
  --tcl-grid-four-column-inline-size: inherit;
  --tcl-grid-three-column-inline-size: inherit;
  --tcl-grid-two-column-inline-size: inherit;
  --tcl-section-background-color: var(--tds-color--white);
}
@media (min-width: 600px) {
  :root {
    --tcl-grid-four-column-inline-size: 432px;
    --tcl-grid-three-column-inline-size: 318px;
    --tcl-grid-two-column-inline-size: 204px;
  }
  .tcl-layout {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.tcl-layout {
  width: 100%;
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 899px) {
  .tcl-layout {
    max-width: 100vw;
  }
  .tcl-drawer
    .tcl-layout:not(.tcl-section-header-group__layout):not(.tcl-carousel-v2__slides-container):not(
      .tcl-carousel-v2__toggles-container
    ) {
    padding: 0 !important;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout,
  [dir='rtl'] .tcl-layout {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious {
    grid-template-areas: '. main main main main main main main main main main .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--spacious {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--spacious,
  [dir='rtl'] .tcl-layout--spacious {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--spacious {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--spacious {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    grid-template-areas: 'main main main main main main main main main main main main';
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--with-children {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    grid-column: 1/13 !important;
    justify-content: space-between;
  }
}
@media (min-width: 900px) {
  .tcl-layout__main--with-children {
    grid-column: 2/12 !important;
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--with-children {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%;
    width: 100%;
  }
}
.tcl-layout__aside {
  --tcl-button-inline-size: 100%;
  --tcl-button-inset-inline-start: 0;
  --tcl-margin-inline: 0;
}
@media (min-width: 1200px) {
  [dir='ltr'] .tcl-layout__aside--with-padding-start,
  [dir='ltr'] .tcl-layout__child--with-padding-start,
  [dir='ltr'] .tcl-layout__main--with-padding-start {
    padding-left: 16px !important;
    padding-left: var(--tds-size--2x) !important;
  }
  [dir='rtl'] .tcl-layout__aside--with-padding-start,
  [dir='rtl'] .tcl-layout__child--with-padding-start,
  [dir='rtl'] .tcl-layout__main--with-padding-start {
    padding-right: 16px !important;
    padding-right: var(--tds-size--2x) !important;
  }
  .tcl-layout__aside--with-padding-start,
  .tcl-layout__child--with-padding-start,
  .tcl-layout__main--with-padding-start {
    -webkit-padding-start: 16px !important;
    -webkit-padding-start: var(--tds-size--2x) !important;
    padding-inline-start: 16px !important;
    padding-inline-start: var(--tds-size--2x) !important;
  }
  [dir='ltr'] .tcl-layout__aside--with-padding-end,
  [dir='ltr'] .tcl-layout__child--with-padding-end,
  [dir='ltr'] .tcl-layout__main--with-padding-end {
    padding-right: 16px !important;
    padding-right: var(--tds-size--2x) !important;
  }
  [dir='rtl'] .tcl-layout__aside--with-padding-end,
  [dir='rtl'] .tcl-layout__child--with-padding-end,
  [dir='rtl'] .tcl-layout__main--with-padding-end {
    padding-left: 16px !important;
    padding-left: var(--tds-size--2x) !important;
  }
  .tcl-layout__aside--with-padding-end,
  .tcl-layout__child--with-padding-end,
  .tcl-layout__main--with-padding-end {
    -webkit-padding-end: 16px !important;
    -webkit-padding-end: var(--tds-size--2x) !important;
    padding-inline-end: 16px !important;
    padding-inline-end: var(--tds-size--2x) !important;
  }
}
@media (min-width: 600px) {
  .tcl-layout__child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  [dir='ltr'] .tcl-layout__main:not(.tcl-layout__main--with-children) {
    padding-left: 0;
  }
  [dir='rtl'] .tcl-layout__main:not(.tcl-layout__main--with-children) {
    padding-right: 0;
  }
  .tcl-layout__main:not(.tcl-layout__main--with-children) {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}
.tcl-layout__aside,
.tcl-layout__child,
.tcl-layout__main:not(.tcl-layout__main--with-children) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
}
.tcl-layout__aside--top,
.tcl-layout__child--top,
.tcl-layout__main--top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.tcl-layout__aside--center,
.tcl-layout__child--center,
.tcl-layout__main--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tcl-layout__aside--bottom,
.tcl-layout__child--bottom,
.tcl-layout__main--bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (min-width: 600px) {
  .tcl-layout__main--quarters .tcl-layout__child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(18.75% - 19.5px);
  }
}
@media (min-width: 900px) {
  .tcl-layout__main--quarters .tcl-layout__child {
    width: calc(17.5% - 19.8px);
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--thirds .tcl-layout__child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(27.77778% - 17.33333px);
  }
}
@media (min-width: 900px) {
  .tcl-layout__main--thirds .tcl-layout__child {
    width: calc(26.66667% - 17.6px);
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--halves .tcl-layout__child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(45.83333% - 13px);
  }
}
@media (min-width: 900px) {
  .tcl-layout__main--halves .tcl-layout__child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(45% - 13.2px);
  }
}
@media (min-width: 600px) {
  .tcl-layout--twelve-grid-7-wide-5-wide {
    grid-template-areas: 'main main main main main main main aside aside aside aside aside';
  }
  .tcl-layout--twelve-grid-5-wide-7-wide {
    grid-template-areas: 'aside aside aside aside aside main main main main main main main ';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-20-80 {
    grid-template-areas: '. aside aside main main main main main main main main .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-20-80 {
    grid-template-areas: 'aside aside aside main main main main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-80-20 {
    grid-template-areas: '. main main main main main main main main aside aside .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-80-20 {
    grid-template-areas: 'main main main main main main main main main aside aside aside';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-30-50 {
    grid-template-areas: '. aside aside aside main main main main main . . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-30-50 {
    grid-template-areas: 'aside aside aside aside main main main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-30-70 {
    grid-template-areas: '. aside aside aside main main main main main main main .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-30-70 {
    grid-template-areas: 'aside aside aside aside main main main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-70-30 {
    grid-template-areas: '. main main main main main main main aside aside aside .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-70-30 {
    grid-template-areas: 'main main main main main main main main aside aside aside aside';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-40-60 {
    grid-template-areas: '. aside aside aside aside main main main main main main .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-40-60 {
    grid-template-areas: 'aside aside aside aside aside main main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-60-40 {
    grid-template-areas: '. main main main main main main aside aside aside aside .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-60-40 {
    grid-template-areas: 'main main main main main main main aside aside aside aside aside';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-70-20 {
    grid-template-areas: '. main main main main main main main . aside aside .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-70-20 {
    grid-template-areas: 'main main main main main main main main . aside aside aside';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-20-70 {
    grid-template-areas: '. aside aside . main main main main main main main . ';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-20-70 {
    grid-template-areas: 'aside aside aside . main main main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-50-40 {
    grid-template-areas: '. main main main main main . aside aside aside aside .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-50-40 {
    grid-template-areas: 'main main main main main main . aside aside aside aside aside';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-40-50 {
    grid-template-areas: '. aside aside aside aside . main main main main main . ';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-40-50 {
    grid-template-areas: 'aside aside aside aside aside . main main main main main main';
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-50-35 {
    grid-template-areas: '. main main main main main aside aside aside aside . .';
  }
  [dir='ltr'] .tcl-layout--spacious-50-35 .tcl-layout__aside {
    padding-left: 42px;
  }
  [dir='rtl'] .tcl-layout--spacious-50-35 .tcl-layout__aside {
    padding-right: 42px;
  }
  .tcl-layout--spacious-50-35 .tcl-layout__aside {
    -webkit-padding-start: 42px;
    padding-inline-start: 42px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-50-35 {
    grid-template-areas: 'main main main main main main aside aside aside aside aside .';
  }
  [dir='ltr'] .tcl-layout--spacious-50-35 .tcl-layout__aside {
    padding-left: 26px;
  }
  [dir='rtl'] .tcl-layout--spacious-50-35 .tcl-layout__aside {
    padding-right: 26px;
  }
  .tcl-layout--spacious-50-35 .tcl-layout__aside {
    -webkit-padding-start: 26px;
    padding-inline-start: 26px;
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-35-50 {
    grid-template-areas: '. . aside aside aside aside main main main main main . ';
  }
  [dir='ltr'] .tcl-layout--spacious-35-50 .tcl-layout__aside {
    padding-right: 42px;
  }
  [dir='rtl'] .tcl-layout--spacious-35-50 .tcl-layout__aside {
    padding-left: 42px;
  }
  .tcl-layout--spacious-35-50 .tcl-layout__aside {
    -webkit-padding-end: 42px;
    padding-inline-end: 42px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-35-50 {
    grid-template-areas: '. aside aside aside aside aside main main main main main main';
  }
  [dir='ltr'] .tcl-layout--spacious-35-50 .tcl-layout__aside {
    padding-right: 26px;
  }
  [dir='rtl'] .tcl-layout--spacious-35-50 .tcl-layout__aside {
    padding-left: 26px;
  }
  .tcl-layout--spacious-35-50 .tcl-layout__aside {
    -webkit-padding-end: 26px;
    padding-inline-end: 26px;
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-60-35 {
    grid-template-areas: '. main main main main main main aside aside aside aside .';
  }
  [dir='ltr'] .tcl-layout--spacious-60-35 .tcl-layout__aside {
    padding-left: 42px;
  }
  [dir='rtl'] .tcl-layout--spacious-60-35 .tcl-layout__aside {
    padding-right: 42px;
  }
  .tcl-layout--spacious-60-35 .tcl-layout__aside {
    -webkit-padding-start: 42px;
    padding-inline-start: 42px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-60-35 {
    grid-template-areas: 'main main main main main main main aside aside aside aside aside';
  }
  [dir='ltr'] .tcl-layout--spacious-60-35 .tcl-layout__aside {
    padding-left: 26px;
  }
  [dir='rtl'] .tcl-layout--spacious-60-35 .tcl-layout__aside {
    padding-right: 26px;
  }
  .tcl-layout--spacious-60-35 .tcl-layout__aside {
    -webkit-padding-start: 26px;
    padding-inline-start: 26px;
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-35-60 {
    grid-template-areas: '. aside aside aside aside main main main main main main . ';
  }
  [dir='ltr'] .tcl-layout--spacious-35-60 .tcl-layout__aside {
    padding-right: 42px;
  }
  [dir='rtl'] .tcl-layout--spacious-35-60 .tcl-layout__aside {
    padding-left: 42px;
  }
  .tcl-layout--spacious-35-60 .tcl-layout__aside {
    -webkit-padding-end: 42px;
    padding-inline-end: 42px;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-35-60 {
    grid-template-areas: 'aside aside aside aside aside main main main main main main main';
  }
  [dir='ltr'] .tcl-layout--spacious-35-60 .tcl-layout__aside {
    padding-right: 26px;
  }
  [dir='rtl'] .tcl-layout--spacious-35-60 .tcl-layout__aside {
    padding-left: 26px;
  }
  .tcl-layout--spacious-35-60 .tcl-layout__aside {
    -webkit-padding-end: 26px;
    padding-inline-end: 26px;
  }
}
@media (min-width: 900px) {
  .tcl-layout--spacious-65-30 {
    grid-template-areas: '. main main main main main main main aside aside aside .';
  }
  [dir='ltr'] .tcl-layout--spacious-65-30 .tcl-layout__main {
    padding-right: 42px !important;
  }
  [dir='rtl'] .tcl-layout--spacious-65-30 .tcl-layout__main {
    padding-left: 42px !important;
  }
  .tcl-layout--spacious-65-30 .tcl-layout__main {
    -webkit-padding-end: 42px !important;
    padding-inline-end: 42px !important;
  }
  .tcl-layout--spacious-30-65 {
    grid-template-areas: '. aside aside aside main main main main main main main . ';
  }
  [dir='ltr'] .tcl-layout--spacious-30-65 .tcl-layout__main {
    padding-left: 42px !important;
  }
  [dir='rtl'] .tcl-layout--spacious-30-65 .tcl-layout__main {
    padding-right: 42px !important;
  }
  .tcl-layout--spacious-30-65 .tcl-layout__main {
    -webkit-padding-start: 42px !important;
    padding-inline-start: 42px !important;
  }
  .tcl-layout--spacious-50-50 {
    grid-template-areas: '. column-1 column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 column-2 .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout--spacious-50-50 {
    grid-template-areas: 'column-1 column-1 column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 column-2 column-2';
  }
}
.tcl-layout--spacious-50-50 .tcl-layout__child:first-child {
  grid-area: column-1;
}
.tcl-layout--spacious-50-50 .tcl-layout__child:last-child {
  grid-area: column-2;
}
@media (min-width: 900px) {
  .tcl-layout--eight-grid-two-columns {
    grid-template-areas: '. . column-1 column-1 column-1 column-1 column-2 column-2 column-2 column-2 . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--eight-grid-two-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--eight-grid-two-columns,
  [dir='rtl'] .tcl-layout--eight-grid-two-columns {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--eight-grid-two-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--eight-grid-two-columns {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
.tcl-layout--eight-grid-two-columns .tcl-layout__child:first-child {
  grid-area: column-1;
}
.tcl-layout--eight-grid-two-columns .tcl-layout__child:last-child {
  grid-area: column-2;
}
@media (min-width: 900px) {
  .tcl-layout--six-grid-two-columns {
    grid-template-areas: '. . . column-1 column-1 column-1 column-2 column-2 column-2 . . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--six-grid-two-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--six-grid-two-columns,
  [dir='rtl'] .tcl-layout--six-grid-two-columns {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--six-grid-two-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--six-grid-two-columns {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
.tcl-layout--six-grid-two-columns .tcl-layout__child:first-child {
  grid-area: column-1;
}
.tcl-layout--six-grid-two-columns .tcl-layout__child:last-child {
  grid-area: column-2;
}
@media (min-width: 900px) {
  .tcl-layout--eight-grid-5-wide-3-wide {
    grid-template-areas: '. . main main main main main aside aside aside . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--eight-grid-5-wide-3-wide {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--eight-grid-5-wide-3-wide,
  [dir='rtl'] .tcl-layout--eight-grid-5-wide-3-wide {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--eight-grid-5-wide-3-wide {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--eight-grid-5-wide-3-wide {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
@media (min-width: 900px) {
  .tcl-layout--eight-grid-3-wide-5-wide {
    grid-template-areas: '. . aside aside aside main main main main main . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--eight-grid-3-wide-5-wide {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--eight-grid-3-wide-5-wide,
  [dir='rtl'] .tcl-layout--eight-grid-3-wide-5-wide {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--eight-grid-3-wide-5-wide {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--eight-grid-3-wide-5-wide {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
.tcl-layout--eight-grid .tds-layout-aside,
.tcl-layout--twelve-grid .tds-layout-aside,
[class*='tcl-layout--spacious-'] .tds-layout-aside {
  grid-area: aside;
}
@media (min-width: 900px) {
  .tcl-layout--six-columns {
    grid-template-areas: '. . . main main main main main main . . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--six-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--six-columns,
  [dir='rtl'] .tcl-layout--six-columns {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--six-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--six-columns {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
@media (min-width: 900px) {
  .tcl-layout--eight-columns {
    grid-template-areas: '. . main main main main main main main main . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--eight-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='ltr'] .tcl-layout--eight-columns,
  [dir='rtl'] .tcl-layout--eight-columns {
    padding-left: 36px;
    padding-left: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-layout--eight-columns {
    padding-right: 36px;
    padding-right: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
  .tcl-layout--eight-columns {
    -webkit-padding-end: 36px;
    -webkit-padding-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    -webkit-padding-start: 36px;
    -webkit-padding-start: calc(var(--tds-size--4x) + var(--tds-size--half));
    display: block;
    padding-inline-end: 36px;
    padding-inline-end: calc(var(--tds-size--4x) + var(--tds-size--half));
    padding-inline-start: 36px;
    padding-inline-start: calc(var(--tds-size--4x) + var(--tds-size--half));
  }
}
@media (max-width: 599px) {
  [dir='ltr'] .tcl-full-media-bleed picture,
  [dir='ltr'] .tcl-full-media-bleed video {
    margin-right: -24px;
    margin-right: calc(var(--tds-size--3x) * -1);
  }
  [dir='ltr'] .tcl-full-media-bleed picture,
  [dir='ltr'] .tcl-full-media-bleed video,
  [dir='rtl'] .tcl-full-media-bleed picture,
  [dir='rtl'] .tcl-full-media-bleed video {
    margin-left: -24px;
    margin-left: calc(var(--tds-size--3x) * -1);
  }
  [dir='rtl'] .tcl-full-media-bleed picture,
  [dir='rtl'] .tcl-full-media-bleed video {
    margin-right: -24px;
    margin-right: calc(var(--tds-size--3x) * -1);
  }
  .tcl-full-media-bleed picture,
  .tcl-full-media-bleed video {
    -webkit-margin-end: -24px;
    -webkit-margin-end: calc(var(--tds-size--3x) * -1);
    -webkit-margin-start: -24px;
    -webkit-margin-start: calc(var(--tds-size--3x) * -1);
    display: block;
    margin-inline-end: -24px;
    margin-inline-end: calc(var(--tds-size--3x) * -1);
    margin-inline-start: -24px;
    margin-inline-start: calc(var(--tds-size--3x) * -1);
    width: calc(100% + 48px);
    width: calc(100% + var(--tds-size--6x));
  }
  .tcl-full-media-bleed .tcl-image--with-rounded-corners,
  .tcl-full-media-bleed .tcl-video--with-rounded-corners,
  .tcl-full-media-bleed.tcl-image--with-rounded-corners,
  .tcl-full-media-bleed.tcl-video--with-rounded-corners {
    --tcl-image-asset-border-radius: 0;
    --tcl-video-border-radius: 0;
  }
  .tcl-layout--reverse-on-mobile,
  .tcl-layout--reverse-on-mobile .tcl-layout__main--with-children {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.tcl-section--with-background-color {
  background-color: #fff;
  background-color: var(--tcl-section-background-color);
}
.tcl-section--locked-to-viewport {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 100vh;
}
:root {
  --tcl-showcase-screen-block-size: auto;
  --tcl-showcase-screen-inline-size: auto;
  --chrome-status-bar-height: var(--tds-size--6x);
  --safari-status-bar-height: calc(var(--tds-size--1x) * 11);
}
.is-Chrome-iOS {
  --chrome-status-bar-height: calc(var(--tds-size--1x) * 11);
}
.is-Small-iOS {
  --chrome-status-bar-height: var(--tds-size--6x);
  --safari-status-bar-height: var(--tds-size--6x);
}
.tcl-showcase__screen {
  height: auto;
  height: var(--tcl-showcase-screen-block-size);
  position: relative;
  width: auto;
  width: var(--tcl-showcase-screen-inline-size);
}
@media (min-width: 900px) {
  .tcl-page--with-scroll-snapping .tcl-showcase__screen {
    --tcl-showcase-screen-block-size: 100vh;
    --tcl-showcase-screen-inline-size: 100vw;
  }
}
.tcl-showcase__content {
  -ms-flex-line-pack: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-content: stretch;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  justify-content: flex-start;
  margin: 0 auto;
  padding-bottom: 32px;
  padding-bottom: var(--tds-size--4x);
  width: 100%;
}
.is-Android .tcl-showcase__content,
.is-Chrome-iOS .tcl-showcase__content {
  padding-bottom: 80px;
  padding-bottom: calc(var(--tds-size--4x) + var(--chrome-status-bar-height));
}
.is-Small-iOS .tcl-showcase__content,
.is-iOS .tcl-showcase__content {
  padding-bottom: 120px;
  padding-bottom: calc(var(--tds-size--4x) + var(--safari-status-bar-height));
}
body:not(.animate-onscroll) .tds-animate_large--to_reveal,
body:not(.animate-onscroll) .tds-animate_small--to_reveal {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: auto;
}
.tcl-tabs__list {
  grid-gap: 4px;
  grid-gap: var(--tds-size--half);
  grid-auto-flow: row;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: auto;
}
.tcl-tab__panel {
  outline: none;
}
.tcl-tabs__list:focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tcl-tab--pill {
  border-color: var(--tds-tab--background-color-on);
  white-space: nowrap;
}
.tcl-tab--pill,
.tcl-tab--pill[aria-selected='true'] {
  --tds-tab--background-color: transparent;
  border-style: solid;
}
.tcl-tab--pill[aria-selected='true'] {
  border-color: var(--tds-theme-foreground-high-contrast);
}
p {
  padding-bottom: 14px;
}
.tds-list + p,
p + .tds-list,
p + p,
p.tds-text--caption + p.tds-text--caption {
  padding-top: 0;
}
.tcl-theme--support .tcl-rich-text ol ol,
.tcl-theme--support .tcl-rich-text ol ul,
.tcl-theme--support .tcl-rich-text ul ol,
.tcl-theme--support .tcl-rich-text ul ul {
  margin-top: var(--tds-list-item--margin-block);
  padding-bottom: unset;
}
@media (min-width: 600px) {
  .tcl-fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.tcl-archor-block,
.tcl-hidden {
  display: block;
}
.tcl-hidden {
  height: 0;
  overflow: hidden;
}
:root {
  --tcl-icon--border-color: var(--tds-theme-foreground-high-contrast);
  --tcl-showcase-down-arrow-display: flex;
}
.tcl-showcase__down-arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: tds-keyframe--bounce;
  animation-name: tds-keyframe--bounce;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: var(--tcl-showcase-down-arrow-display);
  height: 24px;
  height: var(--tds-size--3x);
  justify-content: center;
  margin: 0 auto 3vh;
  outline: none;
  padding: 0;
  width: 24px;
  width: var(--tds-size--3x);
}
.tcl-showcase__down-arrow .tds-icon {
  --tds-icon--size: 70px;
}
.tcl-icon--round {
  border: 3px solid var(--tcl-icon--border-color);
  border-radius: 20px;
}
:root {
  --tcl-component-padding-desktop-block-end: 0;
  --tcl-component-padding-desktop-block-start: 0;
  --tcl-component-padding-mobile-block-end: 0;
  --tcl-component-padding-mobile-block-start: 0;
  --tcl-component-padding-tablet-block-end: 0;
  --tcl-component-padding-tablet-block-start: 0;
  --tcl-section-padding-desktop-block-end: 0;
  --tcl-section-padding-desktop-block-start: 0;
  --tcl-section-padding-mobile-block-end: 0;
  --tcl-section-padding-mobile-block-start: 0;
  --tcl-section-padding-tablet-block-end: 0;
  --tcl-section-padding-tablet-block-start: 0;
}
.tcl-component-padding {
  padding-bottom: 0;
  padding-bottom: var(--tcl-component-padding-desktop-block-end);
  padding-top: 0;
  padding-top: var(--tcl-component-padding-desktop-block-start);
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-component-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-component-padding-tablet-block-end);
    padding-top: 0;
    padding-top: var(--tcl-component-padding-tablet-block-start);
  }
}
@media (max-width: 599px) {
  .tcl-component-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-component-padding-mobile-block-end);
    padding-top: 0;
    padding-top: var(--tcl-component-padding-mobile-block-start);
  }
}
.tcl-section-padding {
  padding-bottom: 0;
  padding-bottom: var(--tcl-section-padding-desktop-block-end);
  padding-top: 0;
  padding-top: var(--tcl-section-padding-desktop-block-start);
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-section-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-section-padding-tablet-block-end);
    padding-top: 0;
    padding-top: var(--tcl-section-padding-tablet-block-start);
  }
}
@media (max-width: 599px) {
  .tcl-section-padding {
    padding-bottom: 0;
    padding-bottom: var(--tcl-section-padding-mobile-block-end);
    padding-top: 0;
    padding-top: var(--tcl-section-padding-mobile-block-start);
  }
}
.tcl-component-padding--use-margin {
  margin-bottom: 0;
  margin-bottom: var(--tcl-component-padding-desktop-block-end);
  margin-top: 0;
  margin-top: var(--tcl-component-padding-desktop-block-start);
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-component-padding--use-margin {
    margin-bottom: 0;
    margin-bottom: var(--tcl-component-padding-tablet-block-end);
    margin-top: 0;
    margin-top: var(--tcl-component-padding-tablet-block-start);
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 599px) {
  .tcl-component-padding--use-margin {
    margin-bottom: 0;
    margin-bottom: var(--tcl-component-padding-mobile-block-end);
    margin-top: 0;
    margin-top: var(--tcl-component-padding-mobile-block-start);
    padding-bottom: 0;
    padding-top: 0;
  }
}
.tcl-container--top-padding-small,
.tcl-layout--top-padding-small {
  padding-top: 16px;
  padding-top: var(--tds-size--2x);
}
.tcl-container--top-padding-medium,
.tcl-layout--top-padding-medium {
  padding-top: 32px;
  padding-top: var(--tds-size--4x);
}
.tcl-container--top-padding-large,
.tcl-layout--top-padding-large {
  padding-top: 48px;
  padding-top: var(--tds-size--6x);
}
.tcl-container--top-padding-extra-large,
.tcl-layout--top-padding-extra-large {
  padding-top: 64px;
  padding-top: var(--tds-size--8x);
}
.tcl-container--bottom-padding-small,
.tcl-layout--bottom-padding-small {
  padding-bottom: 16px;
  padding-bottom: var(--tds-size--2x);
}
.tcl-container--bottom-padding-medium,
.tcl-layout--bottom-padding-medium {
  padding-bottom: 32px;
  padding-bottom: var(--tds-size--4x);
}
.tcl-container--bottom-padding-large,
.tcl-layout--bottom-padding-large {
  padding-bottom: 48px;
  padding-bottom: var(--tds-size--6x);
}
.tcl-container--bottom-padding-extra-large,
.tcl-layout--bottom-padding-extra-large {
  padding-bottom: 64px;
  padding-bottom: var(--tds-size--8x);
}
.tcl-spacing--bottom-padding-8 {
  padding-bottom: 8px;
  padding-bottom: var(--tds-size--1x);
}
.tcl-spacing--top-padding-8 {
  padding-top: 8px;
  padding-top: var(--tds-size--1x);
}
.tcl-spacing--bottom-padding-16 {
  padding-bottom: 16px;
  padding-bottom: var(--tds-size--2x);
}
.tcl-spacing--top-padding-16 {
  padding-top: 16px;
  padding-top: var(--tds-size--2x);
}
.tcl-spacing--bottom-padding-24 {
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
}
.tcl-spacing--top-padding-24 {
  padding-top: 24px;
  padding-top: var(--tds-size--3x);
}
.tcl-spacing--bottom-padding-32 {
  padding-bottom: 32px;
  padding-bottom: var(--tds-size--4x);
}
.tcl-spacing--top-padding-32 {
  padding-top: 32px;
  padding-top: var(--tds-size--4x);
}
.tcl-spacing--bottom-padding-40 {
  padding-bottom: 40px;
  padding-bottom: var(--tds-size--5x);
}
.tcl-spacing--top-padding-40 {
  padding-top: 40px;
  padding-top: var(--tds-size--5x);
}
.tcl-spacing--bottom-padding-48 {
  padding-bottom: 48px;
  padding-bottom: var(--tds-size--6x);
}
.tcl-spacing--top-padding-48 {
  padding-top: 48px;
  padding-top: var(--tds-size--6x);
}
.tcl-spacing--bottom-padding-64 {
  padding-bottom: 64px;
  padding-bottom: var(--tds-size--8x);
}
.tcl-spacing--top-padding-64 {
  padding-top: 64px;
  padding-top: var(--tds-size--8x);
}
:root {
  --tcl-section-end-gradient-block-size: 20%;
  --tcl-section-end-gradient-opacity: 0.5;
  --tcl-section-end-gradient-end: transparent;
  --tcl-section-end-gradient-start: #000;
  --tcl-section-start-gradient-block-size: 20%;
  --tcl-section-start-gradient-opacity: 0.5;
  --tcl-section-start-gradient-end: transparent;
  --tcl-section-start-gradient-start: #000;
}
.tcl-section--with-end-gradient,
.tcl-section--with-start-gradient {
  position: relative;
  z-index: 1;
}
.tcl-section--with-end-gradient > section,
.tcl-section--with-start-gradient > section {
  z-index: 2;
}
[dir='ltr'] .tcl-section--with-start-gradient:before {
  left: 0;
}
[dir='rtl'] .tcl-section--with-start-gradient:before {
  right: 0;
}
.tcl-section--with-start-gradient:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: linear-gradient(180deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tcl-section-start-gradient-start)),
    to(var(--tcl-section-start-gradient-end))
  );
  background: linear-gradient(
    to bottom,
    var(--tcl-section-start-gradient-start) 0,
    var(--tcl-section-start-gradient-end) 100%
  );
  content: '';
  height: 20%;
  height: var(--tcl-section-start-gradient-block-size);
  inset-inline-start: 0;
  opacity: 0.5;
  opacity: var(--tcl-section-start-gradient-opacity);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
[dir='ltr'] .tcl-section--with-end-gradient:after {
  left: 0;
}
[dir='rtl'] .tcl-section--with-end-gradient:after {
  right: 0;
}
.tcl-section--with-end-gradient:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(0deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--tcl-section-end-gradient-start)),
    to(var(--tcl-section-end-gradient-end))
  );
  background: linear-gradient(
    to top,
    var(--tcl-section-end-gradient-start) 0,
    var(--tcl-section-end-gradient-end) 100%
  );
  bottom: 0;
  content: '';
  height: 20%;
  height: var(--tcl-section-end-gradient-block-size);
  inset-inline-start: 0;
  opacity: 0.5;
  opacity: var(--tcl-section-end-gradient-opacity);
  position: absolute;
  width: 100%;
  z-index: -1;
}
:root {
  --tcl-component-aspect-ratio: auto;
  --tcl-component-aspect-ratio-asset-top: 0;
  --tcl-component-aspect-ratio-asset-transform: none;
  --tcl-component-aspect-ratio-polyfill: 0;
  --tcl-component-mobile-aspect-ratio: auto;
  --tcl-component-mobile-aspect-ratio-polyfill: 0;
  --tcl-component-tablet-aspect-ratio: auto;
  --tcl-component-tablet-aspect-ratio-polyfill: 0;
}
@media (min-width: 900px) {
  .tcl-component-media-ratio .tcl-image,
  .tcl-component-media-ratio .tcl-video {
    --tcl-component-aspect-ratio-asset-top: 50%;
    --tcl-component-aspect-ratio-asset-transform: translateY(-50%) scale(var(--tcl-asset-scale-by));
    --tcl-image-asset-block-size: 100%;
    --tcl-image-position: absolute;
    --tcl-video-asset-block-size: 100%;
    --tcl-video-position: absolute;
    top: 0;
    top: var(--tcl-component-aspect-ratio-asset-top);
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--tcl-component-aspect-ratio-asset-transform);
    transform: var(--tcl-component-aspect-ratio-asset-transform);
  }
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 899px) {
  .tcl-component-mobile-media-ratio .tcl-image,
  .tcl-component-mobile-media-ratio .tcl-video,
  .tcl-component-tablet-media-ratio .tcl-image,
  .tcl-component-tablet-media-ratio .tcl-video {
    --tcl-component-aspect-ratio-asset-top: 50%;
    --tcl-component-aspect-ratio-asset-transform: translateY(-50%) scale(var(--tcl-asset-scale-by));
    --tcl-image-asset-block-size: 100%;
    --tcl-image-position: absolute;
    --tcl-video-asset-block-size: 100%;
    --tcl-video-position: absolute;
    top: 0;
    top: var(--tcl-component-aspect-ratio-asset-top);
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--tcl-component-aspect-ratio-asset-transform);
    transform: var(--tcl-component-aspect-ratio-asset-transform);
  }
}
.tcl-component-media-ratio-1-1 {
  --tcl-component-aspect-ratio: 1/1;
  --tcl-component-aspect-ratio-polyfill: 100%;
}
.tcl-component-media-ratio-16-9 {
  --tcl-component-aspect-ratio: 16/9;
  --tcl-component-aspect-ratio-polyfill: 56.25%;
}
.tcl-component-media-ratio-21-9 {
  --tcl-component-aspect-ratio: 21/9;
  --tcl-component-aspect-ratio-polyfill: 42.86%;
}
.tcl-component-media-ratio-4-3 {
  --tcl-component-aspect-ratio: 4/3;
  --tcl-component-aspect-ratio-polyfill: 75%;
}
.tcl-component-mobile-media-ratio-1-1 {
  --tcl-component-mobile-aspect-ratio: 1/1;
  --tcl-component-mobile-aspect-ratio-polyfill: 100%;
}
.tcl-component-mobile-media-ratio-16-9 {
  --tcl-component-mobile-aspect-ratio: 16/9;
  --tcl-component-mobile-aspect-ratio-polyfill: 56.25%;
}
.tcl-component-mobile-media-ratio-3-4 {
  --tcl-component-mobile-aspect-ratio: 3/4;
  --tcl-component-mobile-aspect-ratio-polyfill: 133.33%;
}
.tcl-component-mobile-media-ratio-9-16 {
  --tcl-component-mobile-aspect-ratio: 9/16;
  --tcl-component-mobile-aspect-ratio-polyfill: 177.78%;
}
.tcl-component-tablet-media-ratio-1-1 {
  --tcl-component-tablet-aspect-ratio: 1/1;
  --tcl-component-tablet-aspect-ratio-polyfill: 100%;
}
.tcl-component-tablet-media-ratio-16-9 {
  --tcl-component-tablet-aspect-ratio: 16/9;
  --tcl-component-tablet-aspect-ratio-polyfill: 56.25%;
}
.tcl-component-tablet-media-ratio-4-3 {
  --tcl-component-tablet-aspect-ratio: 4/3;
  --tcl-component-tablet-aspect-ratio-polyfill: 75%;
}
.tcl-theme--support .tcl-rich-text p {
  padding-bottom: 14px;
}
.tcl-theme--support .tcl-rich-text .h1,
.tcl-theme--support .tcl-rich-text .tds-text--h1 {
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-top: 32px;
  padding-top: var(--tds-size--4x);
}
.tcl-theme--support .tcl-rich-text .tds-text--h2,
.tcl-theme--support .tcl-rich-text h2,
.tcl-theme--support .tds-text--h2.tcl-accordion__heading,
.tcl-theme--support .tds-text--h2.tcl-anchor-point,
.tcl-theme--support h2.tcl-anchor-point {
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-top: 64px;
  padding-top: var(--tds-size--8x);
}
.tcl-theme--support .tcl-rich-text .tds-text--h4,
.tcl-theme--support .tcl-rich-text h4 {
  padding-bottom: 18px;
  padding-top: 40px;
  padding-top: var(--tds-size--5x);
}
.tcl-theme--support .tcl-rich-text .tds-text--h6,
.tcl-theme--support .tcl-rich-text h6 {
  padding-bottom: 12px;
  padding-top: 28px;
}
.tcl-theme--support .tcl-rich-text ol,
.tcl-theme--support .tcl-rich-text ul {
  padding-bottom: 14px;
}
.tcl-theme--support .tcl-accordion__item-expanded .tcl-accordion__panel {
  margin-bottom: 0;
  margin-top: 4px;
  margin-top: var(--tds-size--half);
}
.tcl-theme--support .tcl-accordion__controls,
.tcl-theme--support .tcl-accordion__controls li:last-child {
  padding-bottom: 0;
}
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h2,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h2 {
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-top: 48px;
  padding-top: var(--tds-size--6x);
}
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h4,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h4 {
  padding-bottom: 16px;
  padding-bottom: var(--tds-size--2x);
  padding-top: 32px;
  padding-top: var(--tds-size--4x);
}
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text .tds-text--h6,
.tcl-theme--support.tcl-theme--support-condensed .tcl-rich-text h6 {
  padding-bottom: 12px;
  padding-top: 24px;
  padding-top: var(--tds-size--3x);
}
body,
html {
  height: 100%;
}
:root {
  --tcl-header-background-color: var(--tds-scrim-background, transparent);
}
.tcl-header--sticky {
  background-color: transparent;
  background-color: var(--tcl-header-background-color);
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999;
}
.tcl-header--support,
.template-support-page .tcl-header--sticky {
  --tcl-header-background-color: var(--tds-color--white);
}
.tcl-page--with-static-header .tcl-header--sticky + .tcl-page__main-content,
.tcl-page--with-sticky-header .tcl-header--sticky + .tcl-page__main-content {
  padding-top: 56px;
  padding-top: var(--tds-size--7x);
}
.tcl-mobile-navigation-search-bar__heading {
  padding-top: 0;
}
.tcl-mobile-navigation-search-bar__form {
  --tds-height--pill: var(--tds-size--4x);
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-top: 24px;
  padding-top: var(--tds-size--3x);
}
.tcl-mobile-navigation-search-bar__search-field:-moz-placeholder-shown + .tds-form-input-trailing {
  visibility: hidden !important;
}
.tcl-mobile-navigation-search-bar__search-field:-ms-input-placeholder + .tds-form-input-trailing {
  visibility: hidden !important;
}
.tcl-mobile-navigation-search-bar__search-field:placeholder-shown + .tds-form-input-trailing {
  visibility: hidden !important;
}
@media (max-width: 599px) {
  .is-Chrome-iOS .tcl-mobile-navigation-search-bar__search-field,
  .is-iOS .tcl-mobile-navigation-search-bar__search-field {
    font-size: 17px;
    font-size: var(--tds-font-size--40);
  }
}
:root {
  --tcl-button-backdrop-filter: none;
  --tcl-button-inline-size: auto;
  --tcl-button-margin-block-end: 0;
  --tcl-button-margin-block-start: 0;
  --tcl-button-margin-inline-end: 0;
  --tcl-button-margin-inline-start: 0;
  --tcl-button-min-inline-size: 0;
  --tcl-button-max-inline-size: none;
  --tcl-button-text-transform: inherit;
}
[dir='ltr'] .tcl-button {
  margin-right: 0;
  margin-right: var(--tcl-button-margin-inline-end);
}
[dir='rtl'] .tcl-button {
  margin-left: 0;
  margin-left: var(--tcl-button-margin-inline-end);
}
[dir='ltr'] .tcl-button {
  margin-left: 0;
  margin-left: var(--tcl-button-margin-inline-start);
}
[dir='rtl'] .tcl-button {
  margin-right: 0;
  margin-right: var(--tcl-button-margin-inline-start);
}
.tcl-button {
  -webkit-margin-end: 0;
  -webkit-margin-end: var(--tcl-button-margin-inline-end);
  -webkit-margin-start: 0;
  -webkit-margin-start: var(--tcl-button-margin-inline-start);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: var(--tcl-button-backdrop-filter);
  backdrop-filter: var(--tcl-button-backdrop-filter);
  margin-bottom: 0;
  margin-bottom: var(--tcl-button-margin-block-end);
  margin-inline-end: 0;
  margin-inline-end: var(--tcl-button-margin-inline-end);
  margin-inline-start: 0;
  margin-inline-start: var(--tcl-button-margin-inline-start);
  margin-top: 0;
  margin-top: var(--tcl-button-margin-block-start);
  text-transform: inherit;
  text-transform: var(--tcl-button-text-transform);
}
[dir='ltr'] .tcl-button > .tds-icon:first-child {
  margin-left: -8px;
  margin-left: calc(var(--tds-size--1x) * -1);
}
[dir='rtl'] .tcl-button > .tds-icon:first-child {
  margin-right: -8px;
  margin-right: calc(var(--tds-size--1x) * -1);
}
[dir='ltr'] .tcl-button > .tds-icon:first-child {
  margin-right: 4px;
  margin-right: var(--tds-size--half);
}
[dir='rtl'] .tcl-button > .tds-icon:first-child {
  margin-left: 4px;
  margin-left: var(--tds-size--half);
}
.tcl-button > .tds-icon:first-child {
  -webkit-margin-start: -8px;
  -webkit-margin-start: calc(var(--tds-size--1x) * -1);
  -webkit-margin-end: 4px;
  -webkit-margin-end: var(--tds-size--half);
  display: inline-block;
  margin-inline-end: 4px;
  margin-inline-end: var(--tds-size--half);
  margin-inline-start: -8px;
  margin-inline-start: calc(var(--tds-size--1x) * -1);
}
.tcl-button > span {
  overflow-wrap: anywhere;
  width: 100%;
}
@media (max-width: 599px) {
  .tcl-button > span {
    overflow-wrap: normal;
  }
}
@media (min-width: 600px) {
  .tcl-button {
    max-width: none;
    max-width: var(--tcl-button-max-inline-size);
    min-width: 0;
    min-width: var(--tcl-button-min-inline-size);
    width: auto;
    width: var(--tcl-button-inline-size);
  }
}
.tcl-layout--2-cols-full-large-main.tcl-layout--main-right {
  grid-template-areas: 'aside aside aside aside main main main main main main main main';
}
@media (min-width: 1200px) {
  .tcl-layout--2-cols-full-large-main.tcl-layout--main-right {
    grid-template-areas: 'aside aside aside main main main main main main main main main';
  }
}
@media (min-width: 600px) {
  [dir='ltr'] .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
    padding-left: 0;
  }
  [dir='rtl'] .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
    padding-right: 0;
  }
  .tcl-layout--2-cols-full-large-main.tcl-layout--main-left .tcl-layout__aside {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}
@media (min-width: 600px) {
  [dir='ltr'] .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
    padding-left: 0;
  }
  [dir='rtl'] .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
    padding-right: 0;
  }
  .tcl-layout--2-cols-full-main.tcl-layout--main-left .tcl-layout__aside {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}
.tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
  display: grid;
  grid-template-areas: 'aside aside aside aside aside aside aside aside aside aside aside aside' 'main main main main main main main main main main main main';
}
@media (min-width: 1200px) {
  .tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
    grid-template-areas: 'aside aside aside . main main main main main main main .';
  }
}
@media (min-width: 1800px) {
  .tcl-layout--2col-content-heavy-support.tcl-layout--main-right {
    grid-template-areas: 'aside aside aside main main main main main main . . .';
  }
  [dir='ltr'] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
    margin-left: auto;
  }
  [dir='ltr'] .tcl-layout--2col-content-heavy-support .tcl-layout__main,
  [dir='rtl'] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
    margin-right: auto;
  }
  [dir='rtl'] .tcl-layout--2col-content-heavy-support .tcl-layout__main {
    margin-left: auto;
  }
  .tcl-layout--2col-content-heavy-support .tcl-layout__main {
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    margin-inline-start: auto;
    max-width: 75ch;
  }
  [dir='ltr'] .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
    padding-right: var(--tds-size-4x);
  }
  [dir='rtl'] .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
    padding-left: var(--tds-size-4x);
  }
  .tcl-layout--2col-content-heavy-support .tcl-layout_aside {
    -webkit-padding-end: var(--tds-size-4x);
    padding-inline-end: var(--tds-size-4x);
  }
}
.tcl-layout--four-columns {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 900px) {
  .tcl-layout--four-columns {
    grid-template-areas: '. . . . main main main main . . . .';
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  [dir='ltr'] .tcl-layout--four-columns {
    padding-right: 24px;
    padding-right: var(--tds-size--3x);
  }
  [dir='ltr'] .tcl-layout--four-columns,
  [dir='rtl'] .tcl-layout--four-columns {
    padding-left: 24px;
    padding-left: var(--tds-size--3x);
  }
  [dir='rtl'] .tcl-layout--four-columns {
    padding-right: 24px;
    padding-right: var(--tds-size--3x);
  }
  .tcl-layout--four-columns {
    -webkit-padding-end: 24px;
    -webkit-padding-end: var(--tds-size--3x);
    -webkit-padding-start: 24px;
    -webkit-padding-start: var(--tds-size--3x);
    grid-template-areas: '. . . main main main main main main . . .';
    padding-inline-end: 24px;
    padding-inline-end: var(--tds-size--3x);
    padding-inline-start: 24px;
    padding-inline-start: var(--tds-size--3x);
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--3-cols {
    grid-gap: 0 24px;
    grid-gap: 0 var(--tds-size--3x);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 600px) {
  .tcl-layout__main--4-cols {
    grid-gap: 0 24px;
    grid-gap: 0 var(--tds-size--3x);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-layout__main--4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tcl-page__with-open-modal {
  position: static !important;
}
.tcl-modal--compare-trims {
  overflow-x: hidden;
}
.tcl-modal--compare-trims::-webkit-scrollbar {
  display: none;
}
.tcl-rich-text--no-heading-padding > [class*='-text--h'],
.tcl-rich-text--no-heading-padding > h1,
.tcl-rich-text--no-heading-padding > h2,
.tcl-rich-text--no-heading-padding > h3,
.tcl-rich-text--no-heading-padding > h4,
.tcl-rich-text--no-heading-padding > h5 {
  padding: 0;
}
.tcl-rich-text--small-heading-padding > [class*='-text--h'],
.tcl-rich-text--small-heading-padding > h1,
.tcl-rich-text--small-heading-padding > h2,
.tcl-rich-text--small-heading-padding > h3,
.tcl-rich-text--small-heading-padding > h4,
.tcl-rich-text--small-heading-padding > h5 {
  padding: 8px 0;
  padding: var(--tds-size--1x) 0;
}
.tcl-rich-text .text-align-center {
  margin-inline: auto;
  margin-left: auto;
  margin-right: auto;
}
.tcl-site-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  min-height: 70px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tcl-site-footer ~ .block p {
  margin: 0 auto;
  text-align: center;
}
.tcl-site-footer .tcl-link {
  white-space: nowrap;
}
:root {
  --template-landing-page-block-size: 100vh;
  --template-landing-page-footer-margin-block-start: -70px;
  --tcl-footer-display: none;
  --tcl-homepage-hero-content-display: none;
  --tcl-homepage-hero-content-z-index: -1;
  --tcl-site-header-wrapper-inset-block-start: 0;
}
@media (max-width: 599px) {
  html.tcl-hide-overflow,
  html.tcl-hide-overflow body {
    height: 100%;
    margin: 0;
    overflow: hidden;
  }
}
.tcl-homepage-content-snapping {
  position: relative;
}
@media (max-width: 599px) {
  .tcl-homepage-content-snapping {
    height: auto;
  }
}
.template-landing-page--content-snapping-on {
  -ms-scroll-chaining: none;
  overflow: hidden;
  overscroll-behavior: none;
  -webkit-perspective: 1px;
  perspective: 1px;
}
.template-landing-page--content-snapping-on .tcl-page__shell {
  -webkit-overflow-scrolling: touch;
  -ms-scroll-snap-destination: 0 0;
  scroll-snap-destination: 0 0;
  display: block;
  height: 100vh;
  height: var(--template-landing-page-block-size);
  overflow-y: scroll;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.tds-prevent-scroll.template-landing-page--content-snapping-on .tcl-page__shell {
  overflow: hidden;
}
.template-landing-page--content-snapping-on.tds-menu-header-transparent--dark .tds-site-header-wrapper,
.template-landing-page--content-snapping-on.tds-menu-header-transparent--light .tds-site-header-wrapper {
  top: 0;
  top: var(--tcl-site-header-wrapper-inset-block-start);
}
.template-landing-page--content-snapping-on .tds-menu-header-main {
  position: sticky;
}
[dir='ltr'] .template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
  left: 0;
}
[dir='rtl'] .template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
  right: 0;
}
.template-landing-page--content-snapping-on .tcl-page__shell .tcl-region--top {
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.template-landing-page--content-snapping-on
  .tcl-homepage-hero:not(.tcl-homepage-hero--overlay)
  .tcl-homepage-hero__content {
  display: none;
  display: var(--tcl-homepage-hero-content-display);
  z-index: -1;
  z-index: var(--tcl-homepage-hero-content-z-index);
}
@media (min-width: 900px) {
  .tcl-homepage-hero.tcl-homepage-hero--footer {
    display: none;
  }
  [dir='ltr'] .template-landing-page--content-snapping-on .tcl-page__main-content + .tcl-footer {
    left: 0;
  }
  [dir='rtl'] .template-landing-page--content-snapping-on .tcl-page__main-content + .tcl-footer {
    right: 0;
  }
  .template-landing-page--content-snapping-on .tcl-page__main-content + .tcl-footer {
    background-color: transparent;
    bottom: 0;
    display: none;
    display: var(--tcl-footer-display);
    inset-inline-start: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
  }
  .is-Android.template-landing-page--content-snapping-on .tcl-page__main-content + .tcl-footer {
    position: sticky;
  }
}
.is-Chrome-iOS.is-iPad .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero,
.is-Safari .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero {
  --tcl-image-asset-block-size: 100vh;
  --tcl-video-asset-block-size: 100vh;
  height: 100vh;
}
@supports (-moz-appearance: none) {
  .block-inline-blockhero-parallax:last-of-type .tcl-homepage-hero {
    --tcl-image-asset-block-size: 100vh;
    --tcl-video-asset-block-size: 100vh;
    height: 100vh;
  }
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 899px) {
  .tcl-page__main-content + .tcl-footer {
    display: none;
  }
}
@supports (-moz-appearance: none) {
  @media (min-width: 900px) {
    .template-landing-page--content-snapping-on .tcl-page__main-content + .tcl-footer {
      margin-top: -70px;
      margin-top: var(--template-landing-page-footer-margin-block-start);
    }
  }
}
.tcl-homepage-hero--last-of-type .tcl-homepage-hero__chevron {
  visibility: hidden;
}
#tds-site-header-wrapper {
  width: 100vw;
}
#tds-site-header-wrapper .tds-locale-selector-language {
  display: inline-flex;
}
#tds-site-header-wrapper .tds-site-header-modal .tds-card.tds-locale-selector-trigger .tds-icon {
  -webkit-margin-before: 8px;
  margin-block-start: 8px;
  -webkit-margin-before: var(--tds-size--1x);
  margin-block-start: var(--tds-size--1x);
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  -webkit-margin-start: var(--tds-size--1x);
  margin-inline-start: var(--tds-size--1x);
  padding: 1px;
}
.tds-site-header--stuck #tds-site-header-wrapper {
  position: absolute;
}
.template-support-page #tds-site-header-wrapper {
  z-index: 100;
}
.adminimal-admin-toolbar #tds-site-header-wrapper,
.display-mode--view #tds-site-header-wrapper,
.display-mode--layout #tds-site-header-wrapper {
  display: none;
}
.adminimal-admin-toolbar:not(.display-mode--preview) #tds-site-header-wrapper {
  top: 110px;
}
@media (min-width: 1199px) {
  #tds-site-header-wrapper .tds-site-header .tds-align--start,
  #tds-site-header-wrapper .tds-site-header .tds-align--end {
    min-inline-size: 240px;
  }
  .i18n-fr_ch #tds-site-header-wrapper .tds-site-header .tds-align--end,
  .i18n-fr_ch #tds-site-header-wrapper .tds-site-header .tds-align--start,
  .i18n-it_ch #tds-site-header-wrapper .tds-site-header .tds-align--end,
  .i18n-it_ch #tds-site-header-wrapper .tds-site-header .tds-align--start {
    min-inline-size: 230px;
  }
  .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--end,
  .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--start {
    min-inline-size: 175px;
    -webkit-margin-start: -20px;
    margin-inline-start: -20px;
  }
}
@media (min-width: 1399px) {
  .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--end,
  .i18n-pt_pt #tds-site-header-wrapper .tds-site-header .tds-align--start {
    min-inline-size: 230px;
    -webkit-margin-start: inherit;
    margin-inline-start: inherit;
  }
}
#tds-site-header-wrapper .tds-modal.tds-site-header-modal {
  --tds-modal--height: 100%;
  z-index: 1000000;
  will-change: scroll-position;
}
@media (max-width: 1199px) {
  #tds-site-header-wrapper .tds-modal.tds-site-header-modal {
    -webkit-padding-after: 0;
    padding-block-end: 0;
  }
}
#tds-site-header-wrapper .tds-modal--is-open .trc-main-container-wrapper,
#tds-site-header-wrapper .tds-modal--is-open .Twilio-MainContainer {
  z-index: 10 !important;
}
.tds-menu-header-transparent--dark #tds-site-header-wrapper,
.tds-menu-header-transparent--light #tds-site-header-wrapper {
  position: absolute;
}
.tds-site-header--dark #tds-site-header-wrapper {
  --tds-nav-item--color: var(--tds-color--grey10);
  --tds-nav-item--color-highlighted: var(--tds-color--grey10);
  --tds-icon-fill-secondary: var(--tds-color--grey10);
  --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
}
.tds-site-header--dark #tds-site-header-wrapper {
  --tds-nav-item--color: var(--tds-color--grey70);
  --tds-nav-item--color-highlighted: var(--tds-color--white);
  --tds-icon-fill-secondary: var(--tds-color--white);
  --tds-theme-foreground: var(--tds-color--grey10);
  --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
  --tds-pill--blur-color: hsla(0, 0%, 0%, 0.05);
}
.tds-menu-header-transparent--dark #tds-site-header-wrapper {
  --tds-nav-item--color: var(--tds-color--grey10);
  --tds-nav-item--color-highlighted: var(--tds-color--grey10);
  --tds-icon-fill-secondary: var(--tds-color--grey10);
  --tds-theme-foreground: var(--tds-color--grey10);
  --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
  --tds-pill--blur-color: hsla(0, 0%, 0%, 0.05);
}
.tds-menu-header-transparent--light #tds-site-header-wrapper {
  --tds-nav-item--color: var(--tds-color--grey70);
  --tds-nav-item--color-highlighted: var(--tds-color--white);
  --tds-icon-fill-secondary: var(--tds-color--white);
  --tds-theme-foreground: var(--tds-color--white);
  --tds-theme-foreground-high-contrast: var(--tds-color--white);
  --tds-pill--blur-color: hsla(0, 0%, 100%, 0.2);
}
@media (max-width: 639px) {
  .tds-o-header--invert-on-mobile.tds-site-header--dark #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey10);
    --tds-nav-item--color-highlighted: var(--tds-color--grey10);
    --tds-icon-fill-secondary: var(--tds-color--grey10);
    --tds-theme-foreground: var(--tds-color--white);
    --tds-theme-foreground-high-contrast: var(--tds-color--white);
    --tds-pill--blur-color: hsla(0, 0%, 100%, 0.2);
  }
  .tds-o-header--invert-on-mobile.tds-site-header--light #tds-site-header-wrapper {
    --tds-nav-item--color: var(--tds-color--grey70);
    --tds-nav-item--color-highlighted: var(--tds-color--white);
    --tds-icon-fill-secondary: var(--tds-color--white);
    --tds-theme-foreground: var(--tds-color--grey10);
    --tds-theme-foreground-high-contrast: var(--tds-color--grey10);
    --tds-pill--blur-color: hsla(0, 0%, 0%, 0.05);
  }
}
.tcl-sticky-navigation .tcl-sticky-navigation__icon {
  height: 48px;
  height: var(--tds-size--6x);
}
#tds-site-header-wrapper .tds-site-header-modal .tds-modal-header {
  min-block-size: 80px;
}
#tds-site-header-wrapper .tds-site-logo-icon {
  color: var(--tds-theme-foreground);
}
#tds-site-header-wrapper .tds-site-nav-item {
  --tds-nav-item--color: var(--tds-theme-foreground);
}
#tds-site-header-wrapper
  .tds-locale-selector--narrow
  .tds-locale-selector-column:first-child
  .tds-locale-selector-superregion:first-child
  > h3 {
  -webkit-padding-before: 0;
  padding-block-start: 0;
}
.ajax-progress {
  display: inline-block;
  padding: 1px 5px 2px 5px;
}
[dir='rtl'] .ajax-progress {
  float: right;
}
.ajax-progress-throbber .throbber {
  display: inline;
  padding: 1px 5px 2px;
  background: transparent url(/core/themes/stable/css/system/components/../../../images/core/throbber-active.gif)
    no-repeat 0 center;
}
.ajax-progress-throbber .message {
  display: inline;
  padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}
.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1000;
  top: 48.5%;
  left: 49%;
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/loading-small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
[dir='rtl'] .ajax-progress-fullscreen {
  right: 49%;
  left: auto;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.js input.form-autocomplete {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/throbber-inactive.png);
  background-repeat: no-repeat;
  background-position: 100% center;
}
.js[dir='rtl'] input.form-autocomplete {
  background-position: 0 center;
}
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/throbber-active.gif);
  background-position: 100% center;
}
.js[dir='rtl'] input.form-autocomplete.ui-autocomplete-loading {
  background-position: 0 center;
}
.fieldgroup {
  padding: 0;
  border-width: 0;
}
.container-inline div,
.container-inline label {
  display: inline;
}
.container-inline .details-wrapper {
  display: block;
}
.clearfix:after {
  display: table;
  clear: both;
  content: '';
}
.js details:not([open]) .details-wrapper {
  display: none;
}
.hidden {
  display: none;
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}
.invisible {
  visibility: hidden;
}
.item-list__comma-list,
.item-list__comma-list li {
  display: inline;
}
.item-list__comma-list {
  margin: 0;
  padding: 0;
}
.item-list__comma-list li:after {
  content: ', ';
}
.item-list__comma-list li:last-child:after {
  content: '';
}
.js .js-hide {
  display: none;
}
.js-show {
  display: none;
}
.js .js-show {
  display: block;
}
.nowrap {
  white-space: nowrap;
}
.position-container {
  position: relative;
}
.progress {
  position: relative;
}
.progress__track {
  min-width: 100px;
  max-width: 100%;
  height: 16px;
  margin-top: 5px;
  border: 1px solid;
  background-color: #fff;
}
.progress__bar {
  width: 3%;
  min-width: 3%;
  max-width: 100%;
  height: 1.5em;
  background-color: #000;
}
.progress__description,
.progress__percentage {
  overflow: hidden;
  margin-top: 0.2em;
  color: #555;
  font-size: 0.875em;
}
.progress__description {
  float: left;
}
[dir='rtl'] .progress__description {
  float: right;
}
.progress__percentage {
  float: right;
}
[dir='rtl'] .progress__percentage {
  float: left;
}
.progress--small .progress__track {
  height: 7px;
}
.progress--small .progress__bar {
  height: 7px;
  background-size: 20px 20px;
}
.reset-appearance {
  margin: 0;
  padding: 0;
  border: 0 none;
  background: transparent;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.resize-none {
  resize: none;
}
.resize-vertical {
  min-height: 2em;
  resize: vertical;
}
.resize-horizontal {
  max-width: 100%;
  resize: horizontal;
}
.resize-both {
  max-width: 100%;
  min-height: 2em;
  resize: both;
}
table.sticky-header {
  z-index: 500;
  top: 0;
  margin-top: 0;
  background-color: #fff;
}
.system-status-counter__status-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.system-status-counter__status-icon:before {
  display: block;
  content: '';
  background-repeat: no-repeat;
  background-position: center 2px;
  background-size: 20px;
}
.system-status-counter__status-icon--error:before {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/e32700/error.svg);
}
.system-status-counter__status-icon--warning:before {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/e29700/warning.svg);
}
.system-status-counter__status-icon--checked:before {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/73b355/check.svg);
}
.system-status-report-counters__item {
  width: 100%;
  margin-bottom: 0.5em;
  padding: 0.5em 0;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.063);
}
@media screen and (min-width: 60em) {
  .system-status-report-counters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .system-status-report-counters__item--half-width {
    width: 49%;
  }
  .system-status-report-counters__item--third-width {
    width: 33%;
  }
}
.system-status-general-info__item {
  margin-top: 1em;
  padding: 0 1em 1em;
  border: 1px solid #ccc;
}
.system-status-general-info__item-title {
  border-bottom: 1px solid #ccc;
}
body.drag {
  cursor: move;
}
tr.region-title {
  font-weight: bold;
}
tr.region-message {
  color: #999;
}
tr.region-populated {
  display: none;
}
tr.add-new .tabledrag-changed {
  display: none;
}
.draggable a.tabledrag-handle {
  float: left;
  overflow: hidden;
  height: 1.7em;
  margin-left: -1em;
  cursor: move;
  text-decoration: none;
}
[dir='rtl'] .draggable a.tabledrag-handle {
  float: right;
  margin-right: -1em;
  margin-left: 0;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  width: 14px;
  height: 14px;
  margin: -0.4em 0.5em 0;
  padding: 0.42em 0.5em;
  background: url(/core/themes/stable/css/system/components/../../../images/core/icons/787878/move.svg) no-repeat 6px
    7px;
}
a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/000000/move.svg);
}
.touchevents .draggable td {
  padding: 0 10px;
}
.touchevents .draggable .menu-item__link {
  display: inline-block;
  padding: 10px 0;
}
.touchevents a.tabledrag-handle {
  width: 40px;
  height: 44px;
}
.touchevents a.tabledrag-handle .handle {
  height: 21px;
  background-position: 40% 19px;
}
[dir='rtl'] .touch a.tabledrag-handle .handle {
  background-position: right 40% top 19px;
}
.touchevents .draggable.drag a.tabledrag-handle .handle {
  background-position: 50% -32px;
}
.tabledrag-toggle-weight-wrapper {
  text-align: right;
}
[dir='rtl'] .tabledrag-toggle-weight-wrapper {
  text-align: left;
}
.indentation {
  float: left;
  width: 20px;
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  padding: 0.42em 0 0.42em 0.6em;
}
[dir='rtl'] .indentation {
  float: right;
  margin: -0.4em -0.4em -0.4em 0.2em;
  padding: 0.42em 0.6em 0.42em 0;
}
.tablesort {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100%;
}
.tablesort--asc {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/787878/twistie-down.svg);
}
.tablesort--desc {
  background-image: url(/core/themes/stable/css/system/components/../../../images/core/icons/787878/twistie-up.svg);
}
div.tree-child {
  background: url(/core/themes/stable/css/system/components/../../../images/core/tree.png) no-repeat 11px center;
}
div.tree-child-last {
  background: url(/core/themes/stable/css/system/components/../../../images/core/tree-bottom.png) no-repeat 11px center;
}
[dir='rtl'] div.tree-child,
[dir='rtl'] div.tree-child-last {
  background-position: -65px center;
}
div.tree-child-horizontal {
  background: url(/core/themes/stable/css/system/components/../../../images/core/tree.png) no-repeat -11px center;
}
:root {
  --tcl-video-asset-block-size: auto;
  --tcl-video-asset-display: block;
  --tcl-video-asset-inline-size: 100%;
  --tcl-video-asset-inset-block-end: 0;
  --tcl-video-asset-inset-block-start: 0;
  --tcl-video-asset-inset-inline-start: 0;
  --tcl-video-asset-margin-block-start: 0;
  --tcl-video-asset-margin-inline-end: 0;
  --tcl-video-asset-margin-inline-start: 0;
  --tcl-video-asset-object-fit: cover;
  --tcl-video-asset-object-position-x: center;
  --tcl-video-asset-object-position-y: center;
  --tcl-video-asset-position: static;
  --tcl-video-asset-transform: none;
  --tcl-video-border-radius: 0;
  --tcl-video-duration-inset-block-end: var(--tds-size--2x);
  --tcl-video-duration-inset-inline-end: var(--tds-size--3x);
  --tcl-video-end-gradient-end: transparent;
  --tcl-video-end-gradient-opacity: 0.5;
  --tcl-video-end-gradient-size: 20%;
  --tcl-video-end-gradient-start: #000;
  --tcl-video-inline-size: 100%;
  --tcl-video-overflow: visible;
  --tcl-video-position: relative;
  --tcl-video-start-gradient-end: transparent;
  --tcl-video-start-gradient-opacity: 0.5;
  --tcl-video-start-gradient-size: 20%;
  --tcl-video-start-gradient-start: #000;
}
.tcl-video {
  height: auto;
  height: var(--tcl-video-asset-block-size);
  overflow: visible;
  overflow: var(--tcl-video-overflow);
  position: relative;
  position: var(--tcl-video-position);
  width: 100%;
  width: var(--tcl-video-inline-size);
}
.tcl-video--with-start-gradient:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: linear-gradient(180deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tcl-video-gradient-start-direction, to bottom)),
    color-stop(0, var(--tcl-video-start-gradient-start)),
    to(var(--tcl-video-start-gradient-end))
  );
  background: linear-gradient(
    var(--tcl-video-gradient-start-direction, to bottom),
    var(--tcl-video-start-gradient-start) 0,
    var(--tcl-video-start-gradient-end) 100%
  );
  border-radius: 0;
  border-radius: var(--tcl-video-border-radius);
  content: '';
  height: 100%;
  height: var(--tcl-video-gradient-start-block-size, 100%);
  opacity: 0.5;
  opacity: var(--tcl-video-start-gradient-opacity);
  position: absolute;
  width: 100%;
  width: var(--tcl-video-gradient-start-inline-size, 100%);
}
[dir='ltr'] .tcl-video--with-end-gradient:after {
  right: auto;
  right: var(--tcl-video-gradient-end-inline-end, auto);
}
[dir='rtl'] .tcl-video--with-end-gradient:after {
  left: auto;
  left: var(--tcl-video-gradient-end-inline-end, auto);
}
[dir='ltr'] .tcl-video--with-end-gradient:after {
  left: 0;
  left: var(--tcl-video-gradient-end-inline-start, 0);
}
[dir='rtl'] .tcl-video--with-end-gradient:after {
  right: 0;
  right: var(--tcl-video-gradient-end-inline-start, 0);
}
.tcl-video--with-end-gradient:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(0deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tcl-video-gradient-end-direction, to top)),
    color-stop(0, var(--tcl-video-end-gradient-start)),
    to(var(--tcl-video-end-gradient-end))
  );
  background: linear-gradient(
    var(--tcl-video-gradient-end-direction, to top),
    var(--tcl-video-end-gradient-start) 0,
    var(--tcl-video-end-gradient-end) 100%
  );
  border-radius: 0;
  border-radius: var(--tcl-video-border-radius);
  bottom: 0;
  content: '';
  height: 100%;
  height: var(--tcl-video-gradient-end-block-size, 100%);
  inset-inline-end: auto;
  inset-inline-end: var(--tcl-video-gradient-end-inline-end, auto);
  inset-inline-start: 0;
  inset-inline-start: var(--tcl-video-gradient-end-inline-start, 0);
  opacity: 0.5;
  opacity: var(--tcl-video-end-gradient-opacity);
  position: absolute;
  top: auto;
  width: 100%;
  width: var(--tcl-video-gradient-end-inline-size, 100%);
}
.tcl-video--with-vertical-gradient {
  --tcl-video-gradient-end-block-size: var(--tcl-video-end-gradient-size);
  --tcl-video-gradient-start-block-size: var(--tcl-video-start-gradient-size);
}
.tcl-video--with-horizontal-gradient {
  --tcl-video-gradient-end-direction: to left;
  --tcl-video-gradient-end-inline-end: 0;
  --tcl-video-gradient-end-inline-size: var(--tcl-video-end-gradient-size);
  --tcl-video-gradient-end-inline-start: auto;
  --tcl-video-gradient-start-direction: to right;
  --tcl-video-gradient-start-inline-size: var(--tcl-video-start-gradient-size);
}
html[dir='rtl'] .tcl-image--with-horizontal-gradient {
  --tcl-image-gradient-end-direction: to right;
  --tcl-image-gradient-start-direction: to left;
}
@media (min-width: 600px) {
  .tcl-video--with-rounded-corners {
    --tcl-video-border-radius: var(--tds-border-radius--card);
    overflow: hidden;
  }
}
[dir='ltr'] .tcl-video__asset {
  left: 0;
  left: var(--tcl-video-asset-inset-inline-start);
}
[dir='rtl'] .tcl-video__asset {
  right: 0;
  right: var(--tcl-video-asset-inset-inline-start);
}
[dir='ltr'] .tcl-video__asset {
  margin-right: 0;
  margin-right: var(--tcl-video-asset-margin-inline-end);
}
[dir='rtl'] .tcl-video__asset {
  margin-left: 0;
  margin-left: var(--tcl-video-asset-margin-inline-end);
}
[dir='ltr'] .tcl-video__asset {
  margin-left: 0;
  margin-left: var(--tcl-video-asset-margin-inline-start);
}
[dir='rtl'] .tcl-video__asset {
  margin-right: 0;
  margin-right: var(--tcl-video-asset-margin-inline-start);
}
.tcl-video__asset {
  -webkit-margin-end: 0;
  -webkit-margin-end: var(--tcl-video-asset-margin-inline-end);
  -webkit-margin-start: 0;
  -webkit-margin-start: var(--tcl-video-asset-margin-inline-start);
  border-radius: 0;
  border-radius: var(--tcl-video-border-radius);
  bottom: 0;
  bottom: var(--tcl-video-asset-inset-block-end);
  display: block;
  display: var(--tcl-video-asset-display);
  height: auto;
  height: var(--tcl-video-asset-block-size);
  inset-inline-start: 0;
  inset-inline-start: var(--tcl-video-asset-inset-inline-start);
  margin-inline-end: 0;
  margin-inline-end: var(--tcl-video-asset-margin-inline-end);
  margin-inline-start: 0;
  margin-inline-start: var(--tcl-video-asset-margin-inline-start);
  margin-top: 0;
  margin-top: var(--tcl-video-asset-margin-block-start);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: var(--tcl-video-asset-object-fit);
  object-fit: var(--tcl-video-asset-object-fit);
  -o-object-position: center center;
  object-position: center center;
  -o-object-position: var(--tcl-video-asset-object-position-x) var(--tcl-video-asset-object-position-y);
  object-position: var(--tcl-video-asset-object-position-x) var(--tcl-video-asset-object-position-y);
  position: static;
  position: var(--tcl-video-asset-position);
  top: 0;
  top: var(--tcl-video-asset-inset-block-start);
  -webkit-transform: none;
  transform: none;
  -webkit-transform: var(--tcl-video-asset-transform);
  transform: var(--tcl-video-asset-transform);
  width: 100%;
  width: var(--tcl-video-asset-inline-size);
}
.tcl-video__asset.tcl-objectfit-position--top {
  --tcl-video-asset-object-position-y: top;
}
.tcl-video__asset.tcl-objectfit-position--bottom {
  --tcl-video-asset-object-position-y: bottom;
}
.tcl-video__asset.tcl-objectfit-position--center {
  --tcl-video-asset-object-position-y: center;
}
.tcl-video__play {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.tcl-video__play.active {
  opacity: 1;
  z-index: 2;
}
.tcl-video__play.active:hover {
  cursor: pointer;
}
body:not(.is-Chrome) .tcl-video__play {
  display: none;
}
[dir='ltr'] .tcl-video__play-icon {
  padding-left: 10px;
}
[dir='rtl'] .tcl-video__play-icon {
  padding-right: 10px;
}
.tcl-video__play-icon {
  --tds-icon--size: 92px;
  -webkit-padding-start: 10px;
  background-color: hsla(0, 0%, 87%, 0.3);
  background-position: 33px 28px;
  background-repeat: no-repeat;
  background-size: 25px 29px;
  border: 5px solid var(--tds-theme-foreground-high-contrast);
  border-radius: 92px;
  padding-inline-start: 10px;
}
[dir='ltr'] .tcl-video__replay {
  right: 10px;
}
[dir='rtl'] .tcl-video__replay {
  left: 10px;
}
.tcl-video__replay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: center;
  background-color: transparent;
  border: none;
  bottom: 10px;
  color: var(--tds-theme-foreground-high-contrast);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  inset-inline-end: 10px;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
@media (min-width: 600px) {
  [dir='ltr'] .tcl-video__replay {
    right: 16px;
    right: var(--tds-size--2x);
  }
  [dir='rtl'] .tcl-video__replay {
    left: 16px;
    left: var(--tds-size--2x);
  }
  .tcl-video__replay {
    bottom: 16px;
    bottom: var(--tds-size--2x);
    inset-inline-end: 16px;
    inset-inline-end: var(--tds-size--2x);
  }
}
@media (max-width: 599px) {
  [dir='ltr'] .tcl-video__replay {
    right: 30px;
  }
  [dir='rtl'] .tcl-video__replay {
    left: 30px;
  }
  .tcl-video__replay {
    inset-inline-end: 30px;
  }
}
.tcl-video__replay:focus {
  outline: 1px dotted var(--tds-theme-foreground-on-primary);
}
.tcl-video__replay.active {
  cursor: pointer;
  opacity: 1;
  z-index: 1;
}
[dir='ltr'] .tcl-video__replay-icon {
  margin-right: 5px;
}
[dir='rtl'] .tcl-video__replay-icon {
  margin-left: 5px;
}
.tcl-video__replay-icon {
  --tcl-icon--border-color: var(--tds-theme-foreground-high-contrast);
  --tds-icon--size: var(--tds-size--2x);
  -webkit-margin-end: 5px;
  border-width: 1px;
  display: inline-block;
  margin-inline-end: 5px;
  padding: 2px;
  vertical-align: middle;
}
[dir='ltr'] .tcl-video__duration {
  right: 24px;
  right: var(--tcl-video-duration-inset-inline-end);
}
[dir='rtl'] .tcl-video__duration {
  left: 24px;
  left: var(--tcl-video-duration-inset-inline-end);
}
.tcl-video__duration {
  --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-on-primary);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(var(--tds-size--half));
  backdrop-filter: blur(var(--tds-size--half));
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 16px;
  bottom: var(--tcl-video-duration-inset-block-end);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset-inline-end: 24px;
  inset-inline-end: var(--tcl-video-duration-inset-inline-end);
  justify-content: center;
  min-height: 24px;
  min-height: var(--tds-size--3x);
  min-width: 48px;
  min-width: var(--tds-size--6x);
  padding-top: 0;
  position: absolute;
}
@media (min-width: 600px) {
  [dir='ltr'] .tcl-video__duration {
    right: 12px;
    right: calc(var(--tds-size--1x) + var(--tds-size--half));
  }
  [dir='rtl'] .tcl-video__duration {
    left: 12px;
    left: calc(var(--tds-size--1x) + var(--tds-size--half));
  }
  .tcl-video__duration {
    bottom: 12px;
    bottom: calc(var(--tds-size--1x) + var(--tds-size--half));
    inset-inline-end: 12px;
    inset-inline-end: calc(var(--tds-size--1x) + var(--tds-size--half));
  }
}
@media (min-width: 1200px) {
  [dir='ltr'] .tcl-video__duration {
    right: 16px;
    right: var(--tds-size--2x);
  }
  [dir='rtl'] .tcl-video__duration {
    left: 16px;
    left: var(--tds-size--2x);
  }
  .tcl-video__duration {
    bottom: 16px;
    bottom: var(--tds-size--2x);
    inset-inline-end: 16px;
    inset-inline-end: var(--tds-size--2x);
  }
}
:root {
  --tcl-image-aspect-ratio-1-1-block-size: 100vw;
  --tcl-image-aspect-ratio-16-9-block-size: 177.77778vw;
  --tcl-image-aspect-ratio-3-4-block-size: 75vw;
  --tcl-image-aspect-ratio-5-3-block-size: 166.66667vw;
  --tcl-image-asset-block-size: auto;
  --tcl-image-asset-border-radius: 0;
  --tcl-image-asset-display: block;
  --tcl-image-asset-float: none;
  --tcl-image-asset-inline-size: 100%;
  --tcl-image-asset-inset-block-end: 0;
  --tcl-image-asset-inset-block-start: 0;
  --tcl-image-asset-inset-inline-start: 0;
  --tcl-image-asset-margin-block-start: 0;
  --tcl-image-asset-margin-inline-end: 0;
  --tcl-image-asset-margin-inline-start: 0;
  --tcl-image-asset-max-inline-size: none;
  --tcl-image-asset-min-inline-size: 0;
  --tcl-image-asset-object-fit: cover;
  --tcl-image-asset-object-position-x: center;
  --tcl-image-asset-object-position-y: center;
  --tcl-image-asset-opacity: 1;
  --tcl-image-asset-position: static;
  --tcl-image-asset-transform: none;
  --tcl-image-asset-visibility: visible;
  --tcl-image-inline-size: 100%;
  --tcl-image-overflow: visible;
  --tcl-image-position: relative;
  --tcl-image-end-gradient-size: 20%;
  --tcl-image-end-gradient-opacity: 0.5;
  --tcl-image-end-gradient-end: transparent;
  --tcl-image-end-gradient-start: #000;
  --tcl-image-start-gradient-size: 20%;
  --tcl-image-start-gradient-opacity: 0.5;
  --tcl-image-start-gradient-end: transparent;
  --tcl-image-start-gradient-start: #000;
}
.tcl-image {
  height: auto;
  height: var(--tcl-image-asset-block-size);
  overflow: visible;
  overflow: var(--tcl-image-overflow);
  position: relative;
  position: var(--tcl-image-position);
  width: 100%;
  width: var(--tcl-image-inline-size);
}
.tcl-image--with-start-gradient:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: linear-gradient(180deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tcl-image-gradient-start-direction, to bottom)),
    color-stop(0, var(--tcl-image-start-gradient-start)),
    to(var(--tcl-image-start-gradient-end))
  );
  background: linear-gradient(
    var(--tcl-image-gradient-start-direction, to bottom),
    var(--tcl-image-start-gradient-start) 0,
    var(--tcl-image-start-gradient-end) 100%
  );
  border-radius: 0;
  border-radius: var(--tcl-image-asset-border-radius);
  content: '';
  height: 100%;
  height: var(--tcl-image-gradient-start-block-size, 100%);
  opacity: 0.5;
  opacity: var(--tcl-image-start-gradient-opacity);
  position: absolute;
  width: 100%;
  width: var(--tcl-image-gradient-start-inline-size, 100%);
}
[dir='ltr'] .tcl-image--with-end-gradient:after {
  right: auto;
  right: var(--tcl-image-gradient-end-inline-end, auto);
}
[dir='rtl'] .tcl-image--with-end-gradient:after {
  left: auto;
  left: var(--tcl-image-gradient-end-inline-end, auto);
}
[dir='ltr'] .tcl-image--with-end-gradient:after {
  left: 0;
  left: var(--tcl-image-gradient-end-inline-start, 0);
}
[dir='rtl'] .tcl-image--with-end-gradient:after {
  right: 0;
  right: var(--tcl-image-gradient-end-inline-start, 0);
}
.tcl-image--with-end-gradient:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(0deg, #000 0, transparent);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--tcl-image-gradient-end-direction, to top)),
    color-stop(0, var(--tcl-image-end-gradient-start)),
    to(var(--tcl-image-end-gradient-end))
  );
  background: linear-gradient(
    var(--tcl-image-gradient-end-direction, to top),
    var(--tcl-image-end-gradient-start) 0,
    var(--tcl-image-end-gradient-end) 100%
  );
  border-radius: 0;
  border-radius: var(--tcl-image-asset-border-radius);
  bottom: 0;
  content: '';
  height: 100%;
  height: var(--tcl-image-gradient-end-block-size, 100%);
  inset-inline-end: auto;
  inset-inline-end: var(--tcl-image-gradient-end-inline-end, auto);
  inset-inline-start: 0;
  inset-inline-start: var(--tcl-image-gradient-end-inline-start, 0);
  opacity: 0.5;
  opacity: var(--tcl-image-end-gradient-opacity);
  position: absolute;
  top: auto;
  width: 100%;
  width: var(--tcl-image-gradient-end-inline-size, 100%);
}
.tcl-image--with-vertical-gradient {
  --tcl-image-gradient-end-block-size: var(--tcl-image-end-gradient-size);
  --tcl-image-gradient-start-block-size: var(--tcl-image-start-gradient-size);
}
.tcl-image--with-horizontal-gradient {
  --tcl-image-gradient-end-inline-size: var(--tcl-image-end-gradient-size);
  --tcl-image-gradient-start-inline-size: var(--tcl-image-start-gradient-size);
  --tcl-image-gradient-end-inline-end: 0;
  --tcl-image-gradient-end-inline-start: auto;
  --tcl-image-gradient-end-direction: to left;
  --tcl-image-gradient-start-direction: to right;
}
html[dir='rtl'] .tcl-image--with-horizontal-gradient {
  --tcl-image-gradient-end-direction: to right;
  --tcl-image-gradient-start-direction: to left;
}
.tcl-image--with-rounded-corners {
  --tcl-image-asset-border-radius: var(--tds-border-radius--card);
}
.tcl-image__picture {
  display: block;
  height: auto;
  height: var(--tcl-image-asset-block-size);
}
.tcl-image__picture--aspect-ration-1-1 {
  height: 100vw;
  height: var(--tcl-image-aspect-ratio-1-1-block-size);
}
.tcl-image__picture--aspect-ration-16-9 {
  height: 177.77778vw;
  height: var(--tcl-image-aspect-ratio-16-9-block-size);
}
.tcl-image__picture--aspect-ration-5-3 {
  height: 166.66667vw;
  height: var(--tcl-image-aspect-ratio-5-3-block-size);
}
.tcl-image__picture--aspect-ration-3-4 {
  height: 75vw;
  height: var(--tcl-image-aspect-ratio-3-4-block-size);
}
[dir='ltr'] .tcl-image__asset {
  left: 0;
  left: var(--tcl-image-asset-inset-inline-start);
}
[dir='rtl'] .tcl-image__asset {
  right: 0;
  right: var(--tcl-image-asset-inset-inline-start);
}
[dir='ltr'] .tcl-image__asset {
  margin-right: 0;
  margin-right: var(--tcl-image-asset-margin-inline-end);
}
[dir='rtl'] .tcl-image__asset {
  margin-left: 0;
  margin-left: var(--tcl-image-asset-margin-inline-end);
}
[dir='ltr'] .tcl-image__asset {
  margin-left: 0;
  margin-left: var(--tcl-image-asset-margin-inline-start);
}
[dir='rtl'] .tcl-image__asset {
  margin-right: 0;
  margin-right: var(--tcl-image-asset-margin-inline-start);
}
.tcl-image__asset {
  -webkit-margin-end: 0;
  -webkit-margin-end: var(--tcl-image-asset-margin-inline-end);
  -webkit-margin-start: 0;
  -webkit-margin-start: var(--tcl-image-asset-margin-inline-start);
  border-radius: 0;
  border-radius: var(--tcl-image-asset-border-radius);
  bottom: 0;
  bottom: var(--tcl-image-asset-inset-block-end);
  display: block;
  display: var(--tcl-image-asset-display);
  float: none;
  float: var(--tcl-image-asset-float);
  height: auto;
  height: var(--tcl-image-asset-block-size);
  inset-inline-start: 0;
  inset-inline-start: var(--tcl-image-asset-inset-inline-start);
  margin-inline-end: 0;
  margin-inline-end: var(--tcl-image-asset-margin-inline-end);
  margin-inline-start: 0;
  margin-inline-start: var(--tcl-image-asset-margin-inline-start);
  margin-top: 0;
  margin-top: var(--tcl-image-asset-margin-block-start);
  max-width: none;
  max-width: var(--tcl-image-asset-max-inline-size);
  min-width: 0;
  min-width: var(--tcl-image-asset-min-inline-size);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: var(--tcl-image-asset-object-fit);
  object-fit: var(--tcl-image-asset-object-fit);
  -o-object-position: center center;
  object-position: center center;
  -o-object-position: var(--tcl-image-asset-object-position-x) var(--tcl-image-asset-object-position-y);
  object-position: var(--tcl-image-asset-object-position-x) var(--tcl-image-asset-object-position-y);
  opacity: 1;
  opacity: var(--tcl-image-asset-opacity);
  position: static;
  position: var(--tcl-image-asset-position);
  top: 0;
  top: var(--tcl-image-asset-inset-block-start);
  -webkit-transform: none;
  transform: none;
  -webkit-transform: var(--tcl-image-asset-transform);
  transform: var(--tcl-image-asset-transform);
  visibility: visible;
  visibility: var(--tcl-image-asset-visibility);
  width: 100%;
  width: var(--tcl-image-asset-inline-size);
}
.tcl-image__asset.tcl-objectfit-position--top {
  --tcl-image-asset-object-position-y: top;
}
.tcl-image__asset.tcl-objectfit-position--bottom {
  --tcl-image-asset-object-position-y: bottom;
}
.tcl-image__asset.tcl-objectfit-position--center {
  --tcl-image-asset-object-position-y: center;
}
:root {
  --tcl-homepage-hero-block-size: 100vh;
  --tcl-homepage-hero-footer-padding-block-end: var(--tds-size--7x);
  --tcl-homepage-hero-inline-size: 100%;
  --vh: 1vh;
}
.tcl-homepage-hero {
  --tcl-image-asset-block-size: var(--tcl-homepage-hero-block-size);
  --tcl-video-asset-block-size: var(--tcl-homepage-hero-block-size);
  height: 100vh;
  height: var(--tcl-homepage-hero-block-size);
  width: 100%;
  width: var(--tcl-homepage-hero-inline-size);
}
.tcl-homepage-hero--overlay {
  margin-top: -100vh;
  margin-top: calc(var(--tcl-homepage-hero-block-size) * -1);
}
.is-Android .tcl-homepage-hero,
.is-Galaxy-Tab .tcl-homepage-hero,
.is-Samsung .tcl-homepage-hero {
  --tcl-image-asset-block-size: calc(var(--vh, 1vh) * 100);
  --tcl-video-asset-block-size: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.is-Android .tcl-homepage-hero--overlay,
.is-Galaxy-Tab .tcl-homepage-hero--overlay,
.is-Samsung .tcl-homepage-hero--overlay {
  margin-top: -100vh;
  margin-top: calc(var(--vh, 1vh) * -100);
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 553px);
    --tcl-image-asset-block-size: 553px;
    --tcl-video-asset-block-size: 553px;
    height: 553px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -553px;
  }
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 622px);
    --tcl-image-asset-block-size: 622px;
    --tcl-video-asset-block-size: 622px;
    height: 622px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -622px;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 635px);
    --tcl-image-asset-block-size: 635px;
    --tcl-video-asset-block-size: 635px;
    height: 635px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -635px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 640px);
    --tcl-image-asset-block-size: 640px;
    --tcl-video-asset-block-size: 640px;
    height: 640px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -640px;
  }
}
@media only screen and (device-width: 390px) and (device-height: 844px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 664px);
    --tcl-image-asset-block-size: 664px;
    --tcl-video-asset-block-size: 664px;
    height: 664px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -664px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 669px;
    --tcl-video-asset-block-size: 669px;
    height: 669px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -669px;
  }
}
@media only screen and (device-width: 393px) and (device-height: 852px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 672px);
    --tcl-image-asset-block-size: 672px;
    --tcl-video-asset-block-size: 672px;
    height: 672px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -672px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 677px;
    --tcl-video-asset-block-size: 677px;
    height: 677px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -677px;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 719px);
    --tcl-image-asset-block-size: 719px;
    --tcl-video-asset-block-size: 719px;
    height: 719px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -719px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 724px;
    --tcl-video-asset-block-size: 724px;
    height: 724px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -724px;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 719px);
    --tcl-image-asset-block-size: 719px;
    --tcl-video-asset-block-size: 719px;
    height: 719px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -719px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 724px;
    --tcl-video-asset-block-size: 724px;
    height: 724px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -724px;
  }
}
@media only screen and (device-width: 428px) and (device-height: 926px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 746px);
    --tcl-image-asset-block-size: 746px;
    --tcl-video-asset-block-size: 746px;
    height: 746px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -746px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 751px;
    --tcl-video-asset-block-size: 751px;
    height: 751px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -751px;
  }
}
@media only screen and (device-width: 430px) and (device-height: 932px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .tcl-homepage-hero {
    --tcl-homepage-hero-footer-padding-block-end: calc(100vh - 752px);
    --tcl-image-asset-block-size: 752px;
    --tcl-video-asset-block-size: 752px;
    height: 752px;
  }
  .tcl-homepage-hero--overlay {
    margin-top: -752px;
  }
  .is-Chrome-iOS .tcl-homepage-hero {
    --tcl-image-asset-block-size: 757px;
    --tcl-video-asset-block-size: 757px;
    height: 757px;
  }
  .is-Chrome-iOS .tcl-homepage-hero--overlay {
    margin-top: -757px;
  }
}
.is-Chrome-iOS.is-iPad .tcl-homepage-hero,
.is-iOS.is-iPad .tcl-homepage-hero {
  --tcl-image-asset-block-size: calc(var(--vh, 1vh) * 100);
  --tcl-video-asset-block-size: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.is-Chrome-iOS.is-iPad .tcl-homepage-hero--overlay,
.is-iOS.is-iPad .tcl-homepage-hero--overlay {
  margin-top: -100vh;
  margin-top: calc(var(--vh, 1vh) * -100);
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
  .tcl-homepage-hero {
    --tcl-image-asset-block-size: calc(var(--vh, 1vh) * 100);
    --tcl-video-asset-block-size: calc(var(--vh, 1vh) * 100);
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  .tcl-homepage-hero--overlay {
    margin-top: -100vh;
    margin-top: calc(var(--vh, 1vh) * -100);
  }
}
.tcl-homepage-hero--footer {
  height: auto !important;
  padding-bottom: 56px !important;
  padding-bottom: var(--tcl-homepage-hero-footer-padding-block-end) !important;
}
@media (max-width: 599px) {
  .tcl-homepage-hero--footer {
    padding-top: 16px !important;
    padding-top: var(--tds-size--2x) !important;
  }
}
:root {
  --tcl-homepage-hero-asset-offset-x-desktop: 0;
  --tcl-homepage-hero-asset-offset-x-mobile: 0;
  --tcl-homepage-hero-asset-offset-y-desktop: 0;
  --tcl-homepage-hero-asset-offset-y-mobile: 0;
  --tcl-homepage-hero-buttons-padding-bottom-offset-desktop: 0;
  --tcl-homepage-hero-buttons-padding-bottom-offset-mobile: 0;
  --tcl-homepage-hero-content-opacity: 1;
  --tcl-homepage-hero-heading-font-size-desktop: var(--tds-font-size--80, 40px);
  --tcl-homepage-hero-heading-font-size-mobile: 36px;
  --tcl-homepage-hero-heading-opacity: 1;
  --tcl-homepage-hero-heading-transition: transform 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  --tcl-homepage-hero-subcopy-transition: transform 0.5s ease-in-out 1s, opacity 0.5s ease-in-out 1s;
  --tcl-homepage-hero-overlay-display: grid;
  --tcl-homepage-hero-subcopy-font-size-desktop: inherit;
  --tcl-homepage-hero-subcopy-font-size-mobile: inherit;
}
.tcl-homepage-hero {
  display: grid;
  z-index: 1;
}
.tcl-homepage-hero:not(.tcl-homepage-hero--overlay) {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
[dir='ltr'] .tcl-homepage-hero--overlay {
  left: 0;
}
[dir='rtl'] .tcl-homepage-hero--overlay {
  right: 0;
}
.tcl-homepage-hero--overlay {
  background-color: transparent;
  display: grid;
  display: var(--tcl-homepage-hero-overlay-display);
  inset-inline-start: 0;
  position: sticky;
  top: 0;
  z-index: 4;
}
.tcl-homepage-hero .tcl-image,
.tcl-homepage-hero .tcl-video {
  grid-area: 1/-1;
  z-index: 2;
}
.tcl-homepage-hero .tcl-asset {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -o-object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-desktop))
    calc(50% + var(--tcl-homepage-hero-asset-offset-y-desktop));
  object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-desktop))
    calc(50% + var(--tcl-homepage-hero-asset-offset-y-desktop));
}
@media (max-width: 599px) {
  .tcl-homepage-hero .tcl-asset {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-mobile))
      calc(50% + var(--tcl-homepage-hero-asset-offset-y-mobile));
    object-position: calc(50% + var(--tcl-homepage-hero-asset-offset-x-mobile))
      calc(50% + var(--tcl-homepage-hero-asset-offset-y-mobile));
  }
}
.tcl-homepage-hero__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  grid-area: 1/-1;
  margin: 0 auto;
  opacity: 1;
  opacity: var(--tcl-homepage-hero-content-opacity);
  text-align: center;
  width: 100%;
  z-index: 3;
}
.tcl-homepage-hero__heading {
  --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
  --tds-theme-foreground--light: var(--tds-theme-foreground-high-contrast);
  font-size: 40px;
  font-size: var(--tcl-homepage-hero-heading-font-size-desktop);
  margin-top: 16vh;
  opacity: 1;
  opacity: var(--tcl-homepage-hero-heading-opacity);
  padding: 0 24px;
  padding: 0 var(--tds-size--3x);
  width: 100%;
}
.tcl-page__shell-with-banner .tcl-homepage-hero__heading {
  margin-top: 18vh;
}
@media (max-width: 599px) {
  .tcl-homepage-hero__heading {
    font-size: 36px;
    font-size: var(--tcl-homepage-hero-heading-font-size-mobile);
  }
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__heading {
  margin-top: calc(16vh + 24px);
  margin-top: calc(16vh + var(--tds-size--3x));
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
  transition: transform 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s;
  transition: transform 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s, -webkit-transform 0.5s ease-in-out 0.5s;
  -webkit-transition: var(--tcl-homepage-hero-heading-transition);
  transition: var(--tcl-homepage-hero-heading-transition);
}
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__heading {
  opacity: 1;
  opacity: var(--tcl-homepage-hero-heading-opacity);
  -webkit-transform: translateY(-24px);
  transform: translateY(-24px);
  -webkit-transform: translateY(calc(var(--tds-size--3x) * -1));
  transform: translateY(calc(var(--tds-size--3x) * -1));
}
body.animate-onscroll .tcl-page__shell-with-banner .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__heading {
  margin-top: calc(18vh + 24px);
  margin-top: calc(18vh + var(--tds-size--3x));
}
[dir='ltr'] .tcl-homepage-hero__subcopy {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
[dir='ltr'] .tcl-homepage-hero__subcopy,
[dir='rtl'] .tcl-homepage-hero__subcopy {
  padding-left: 24px;
  padding-left: var(--tds-size--3x);
}
[dir='rtl'] .tcl-homepage-hero__subcopy {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
.tcl-homepage-hero__subcopy {
  --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-high-contrast);
  --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
  -webkit-padding-end: 24px;
  -webkit-padding-end: var(--tds-size--3x);
  -webkit-padding-start: 24px;
  -webkit-padding-start: var(--tds-size--3x);
  font-size: inherit;
  font-size: var(--tcl-homepage-hero-subcopy-font-size-desktop);
  opacity: 1;
  opacity: var(--tcl-homepage-hero-heading-opacity);
  padding-top: 6px;
  padding-inline-end: 24px;
  padding-inline-end: var(--tds-size--3x);
  padding-inline-start: 24px;
  padding-inline-start: var(--tds-size--3x);
  width: 100%;
}
@media (min-width: 600px) and (max-width: 899px) {
  .tcl-homepage-hero__subcopy-desktop {
    display: none !important;
  }
  .tcl-homepage-hero__subcopy-mobile {
    display: block !important;
    font-size: inherit;
    font-size: var(--tcl-homepage-hero-subcopy-font-size-mobile);
  }
}
@media (max-width: 599px) {
  .tcl-homepage-hero__subcopy {
    font-size: inherit;
    font-size: var(--tcl-homepage-hero-subcopy-font-size-mobile);
  }
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__subcopy {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 1s, -webkit-transform 0.5s ease-in-out 1s;
  transition: opacity 0.5s ease-in-out 1s, -webkit-transform 0.5s ease-in-out 1s;
  transition: transform 0.5s ease-in-out 1s, opacity 0.5s ease-in-out 1s;
  transition: transform 0.5s ease-in-out 1s, opacity 0.5s ease-in-out 1s, -webkit-transform 0.5s ease-in-out 1s;
  -webkit-transition: var(--tcl-homepage-hero-subcopy-transition);
  transition: var(--tcl-homepage-hero-subcopy-transition);
}
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__subcopy {
  opacity: 1;
  opacity: var(--tcl-homepage-hero-heading-opacity);
  -webkit-transform: translateY(-24px);
  transform: translateY(-24px);
  -webkit-transform: translateY(calc(var(--tds-size--3x) * -1));
  transform: translateY(calc(var(--tds-size--3x) * -1));
}
[dir='ltr'] .tcl-homepage-hero__content-end {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
[dir='ltr'] .tcl-homepage-hero__content-end,
[dir='rtl'] .tcl-homepage-hero__content-end {
  padding-left: 24px;
  padding-left: var(--tds-size--3x);
}
[dir='rtl'] .tcl-homepage-hero__content-end {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
.tcl-homepage-hero__content-end {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-padding-end: 24px;
  -webkit-padding-end: var(--tds-size--3x);
  -webkit-padding-start: 24px;
  -webkit-padding-start: var(--tds-size--3x);
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding-bottom: 24px;
  padding-bottom: var(--tds-size--3x);
  padding-inline-end: 24px;
  padding-inline-end: var(--tds-size--3x);
  padding-inline-start: 24px;
  padding-inline-start: var(--tds-size--3x);
  width: 100%;
}
.tcl-homepage-hero__buttons {
  opacity: 1;
  padding-bottom: 16px;
  padding-bottom: var(--tds-size--2x);
  padding-top: 16px;
  padding-top: var(--tds-size--2x);
  text-align: center;
}
.tcl-homepage-hero__buttons--single {
  padding: 0;
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 1s;
  transition: all 0.5s ease-in-out 1s;
}
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons {
  opacity: 1;
}
.tcl-homepage-hero__buttons-on-desktop {
  display: block;
  margin-bottom: 16px;
  margin-bottom: calc(var(--tds-size--2x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop));
}
.tcl-homepage-hero__buttons-on-mobile {
  display: none;
  margin-bottom: 0;
  margin-bottom: var(--tcl-homepage-hero-buttons-padding-bottom-offset-mobile);
  width: 100%;
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__buttons-on-mobile {
  margin-bottom: -48px;
  margin-bottom: calc(var(--tds-size--6x) * -1 + var(--tcl-homepage-hero-buttons-padding-bottom-offset-mobile));
}
.tcl-homepage-hero__buttons-on-mobile.tcl-homepage-hero__buttons--single {
  margin-bottom: 16px;
  margin-bottom: calc(var(--tds-size--2x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-mobile));
}
.tcl-homepage-hero__buttons-on-desktop.tcl-homepage-hero__buttons--single {
  margin-bottom: 56px;
  margin-bottom: calc(var(--tds-size--7x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop));
}
body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop.tcl-homepage-hero__buttons--single {
  margin-bottom: 8px;
  margin-bottom: calc(var(--tds-size--1x) + var(--tcl-homepage-hero-buttons-padding-bottom-offset-desktop));
}
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons--single,
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__buttons-on-mobile {
  -webkit-transform: translate3d(0, -24px, 0);
  transform: translate3d(0, -24px, 0);
  -webkit-transform: translate3d(0, calc(var(--tds-size--3x) * -1), 0);
  transform: translate3d(0, calc(var(--tds-size--3x) * -1), 0);
}
@media (max-width: 599px) {
  .tcl-homepage-hero__buttons-on-desktop {
    display: none;
  }
  .tcl-homepage-hero__buttons-on-mobile {
    display: block;
  }
}
[dir='ltr'] .tcl-homepage-hero__buttons .tcl-button {
  left: 0;
}
[dir='rtl'] .tcl-homepage-hero__buttons .tcl-button {
  right: 0;
}
.tcl-homepage-hero__buttons .tcl-button {
  --tcl-button-group-button-inline-size: calc(var(--tds-size--1x) * 33);
  --tcl-button-min-inline-size: calc(var(--tds-size--1x) * 33);
  inset-inline-start: 0;
  text-transform: var(--tcl-button-text-transform);
  -webkit-transition: all 0.5s ease-in-out 1s;
  transition: all 0.5s ease-in-out 1s;
}
[dir='ltr']
  body.animate-onscroll
  .tcl-animate--homepage-hero-revealed
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button {
  margin-right: 0 !important;
}
[dir='ltr']
  body.animate-onscroll
  .tcl-animate--homepage-hero-revealed
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button,
[dir='rtl']
  body.animate-onscroll
  .tcl-animate--homepage-hero-revealed
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button {
  margin-left: 0 !important;
}
[dir='rtl']
  body.animate-onscroll
  .tcl-animate--homepage-hero-revealed
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button {
  margin-right: 0 !important;
}
body.animate-onscroll
  .tcl-animate--homepage-hero-revealed
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button {
  -webkit-margin-end: 0 !important;
  -webkit-margin-start: 0 !important;
  margin-inline-end: 0 !important;
  margin-inline-start: 0 !important;
}
body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single) {
  -webkit-transform: translate3d(0, 24px, 0);
  transform: translate3d(0, 24px, 0);
  -webkit-transform: translate3d(0, var(--tds-size--3x), 0);
  transform: translate3d(0, var(--tds-size--3x), 0);
}
[dir='ltr']
  body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:first-of-type {
  margin-right: 24px;
  margin-right: var(--tds-size--3x);
}
[dir='rtl']
  body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:first-of-type {
  margin-left: 24px;
  margin-left: var(--tds-size--3x);
}
body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:first-of-type {
  -webkit-margin-end: 24px;
  -webkit-margin-end: var(--tds-size--3x);
  margin-inline-end: 24px;
  margin-inline-end: var(--tds-size--3x);
}
[dir='ltr']
  body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:nth-of-type(2) {
  margin-left: 24px;
  margin-left: var(--tds-size--3x);
}
[dir='rtl']
  body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:nth-of-type(2) {
  margin-right: 24px;
  margin-right: var(--tds-size--3x);
}
body.animate-onscroll
  .tcl-animate--homepage-hero-to-reveal
  .tcl-homepage-hero__buttons-on-desktop:not(.tcl-homepage-hero__buttons--single)
  .tcl-button:nth-of-type(2) {
  -webkit-margin-start: 24px;
  -webkit-margin-start: var(--tds-size--3x);
  margin-inline-start: 24px;
  margin-inline-start: var(--tds-size--3x);
}
[dir='ltr'] .tcl-homepage-hero__disclaimer {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
[dir='ltr'] .tcl-homepage-hero__disclaimer,
[dir='rtl'] .tcl-homepage-hero__disclaimer {
  padding-left: 24px;
  padding-left: var(--tds-size--3x);
}
[dir='rtl'] .tcl-homepage-hero__disclaimer {
  padding-right: 24px;
  padding-right: var(--tds-size--3x);
}
.tcl-homepage-hero__disclaimer {
  -webkit-padding-end: 24px;
  -webkit-padding-end: var(--tds-size--3x);
  -webkit-padding-start: 24px;
  -webkit-padding-start: var(--tds-size--3x);
  min-height: 30px;
  padding-bottom: 12px;
  padding-bottom: calc(var(--tds-size--1x) + var(--tds-size--half));
  padding-inline-end: 24px;
  padding-inline-end: var(--tds-size--3x);
  padding-inline-start: 24px;
  padding-inline-start: var(--tds-size--3x);
  width: 100%;
}
.tcl-homepage-hero__disclaimer-copy {
  --tds-theme-foreground-low-contrast: var(--tds-theme-foreground-high-contrast);
  --tds-theme-foreground: var(--tds-theme-foreground-high-contrast);
  margin: 0 auto;
  padding: 0;
}
.tcl-homepage-hero__chevron {
  min-height: 24px;
  min-height: var(--tds-size--3x);
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__chevron {
  margin-bottom: 24px;
  margin-bottom: var(--tds-size--3x);
}
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__chevron,
body.animate-onscroll .tcl-animate--homepage-hero-to-reveal .tcl-homepage-hero__disclaimer {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 1.5s;
  transition: all 0.5s ease-in-out 1.5s;
}
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__chevron,
body.animate-onscroll .tcl-animate--homepage-hero-revealed .tcl-homepage-hero__disclaimer {
  opacity: 1;
  -webkit-transform: translate3d(0, 24px, 0);
  transform: translate3d(0, 24px, 0);
  -webkit-transform: translate3d(0, var(--tds-size--3x), 0);
  transform: translate3d(0, var(--tds-size--3x), 0);
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (orientation: portrait) and (device-pixel-ratio: 2) {
  .tcl-homepage-hero__chevron {
    display: none;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: portrait) and (device-pixel-ratio: 3) {
  .tcl-homepage-hero__chevron {
    display: none;
  }
}
.tcl-homepage-hero__chevron .tcl-animate-chevron {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
:root {
  --tcl-button-group-grid-auto-flow: row;
  --tcl-button-group-inline-size: fit-content;
  --tcl-button-group-button-inline-size: 204px;
}
@media (min-width: 600px) and (max-width: 899px) {
  :root {
    --tcl-button-group-button-inline-size: 156px;
  }
}
@media (max-width: 599px) {
  :root {
    --tcl-button-group-button-inline-size: auto;
    --tcl-button-group-inline-size: 100%;
  }
}
.tcl-button-group {
  --tcl-button-min-inline-size: var(--tcl-button-group-button-inline-size);
  display: block;
  gap: 16px 24px;
  gap: var(--tds-size--2x) var(--tds-size--3x);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: var(--tcl-button-group-inline-size);
}
.tcl-button-group--type-horizontal-all {
  --tcl-button-group-grid-auto-flow: column;
}
@media (min-width: 1200px) {
  .tcl-button-group--type-horizontal,
  .tcl-button-group--type-horizontal-desktop,
  .tcl-button-group--type-horizontal-tablet {
    --tcl-button-group-grid-auto-flow: column;
  }
}
@media (min-width: 900px) {
  .tcl-button-group--type-horizontal,
  .tcl-button-group--type-horizontal-tablet {
    --tcl-button-group-grid-auto-flow: column;
  }
}
@media (min-width: 600px) {
  .tcl-button-group--type-horizontal {
    --tcl-button-group-grid-auto-flow: column;
  }
}
.tcl-button-group:not([data-button-count='1']) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  grid-auto-flow: var(--tcl-button-group-grid-auto-flow);
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: var(--tcl-button-group-inline-size);
}
.tcl-button-group[data-button-count='4'] {
  --tcl-button-group-grid-auto-flow: row;
}
.tcl-button-group--type-grouped[data-button-count='4'],
.tcl-button-group--type-horizontal-all[data-button-count='4'] {
  grid-auto-flow: row;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 600px) {
  .tcl-button-group--type-horizontal[data-button-count='4'] {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .tcl-button-group--type-horizontal-tablet[data-button-count='4'] {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .tcl-button-group--type-horizontal-desktop[data-button-count='4'] {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
  }
}
.tcl-button-group--type-grouped {
  --tcl-button-group-grid-auto-flow: column;
  gap: 16px 0;
  gap: var(--tds-size--2x) 0;
}
[dir='ltr'] .tcl-button-group--type-grouped > .tcl-button {
  border-right-width: 0;
}
[dir='ltr'] .tcl-button-group--type-grouped > .tcl-button,
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button {
  border-left-width: 0;
}
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button {
  border-right-width: 0;
}
.tcl-button-group--type-grouped > .tcl-button {
  border-inline-end-width: 0;
  border-inline-start-width: 0;
  border-radius: 0;
}
[dir='ltr'] .tcl-button-group--type-grouped > .tcl-button:first-child,
[dir='ltr'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(odd) {
  border-left-width: 3px;
  border-left-width: var(--tds-border-width--large);
}
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button:first-child,
[dir='rtl'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(odd) {
  border-right-width: 3px;
  border-right-width: var(--tds-border-width--large);
}
.tcl-button-group--type-grouped > .tcl-button:first-child,
.tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(odd) {
  border-inline-start-width: 3px;
  border-inline-start-width: var(--tds-border-width--large);
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
[dir='ltr'] .tcl-button-group--type-grouped > .tcl-button:last-child,
[dir='ltr'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(2n) {
  border-right-width: 3px;
  border-right-width: var(--tds-border-width--large);
}
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button:last-child,
[dir='rtl'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(2n) {
  border-left-width: 3px;
  border-left-width: var(--tds-border-width--large);
}
.tcl-button-group--type-grouped > .tcl-button:last-child,
.tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(2n) {
  border-inline-end-width: 3px;
  border-inline-end-width: var(--tds-border-width--large);
}
.tcl-button-group--type-grouped > .tcl-button:last-child,
.tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(2n),
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button:first-child,
[dir='rtl'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(odd) {
  border-radius: 0 var(--tds-btn--border-radius) var(--tds-btn--border-radius) 0;
}
[dir='rtl'] .tcl-button-group--type-grouped > .tcl-button:last-child,
[dir='rtl'] .tcl-button-group--type-grouped[data-button-count='4'] > .tcl-button:nth-child(2n) {
  border-radius: var(--tds-btn--border-radius) 0 0 var(--tds-btn--border-radius);
}
@media (max-width: 599px) {
  .tcl-button-group .tcl-button {
    min-width: var(--tcl-button-min-inline-size) !important;
  }
}
